Pacote de Fluxo de Trabalho de Desenvolvimento

Visão Geral

Fluxo de trabalho consolidado para desenvolvimento de software de ponta a ponta, cobrindo desenvolvimento web, mobile e backend. Este pacote orquestra habilidades para construir aplicações prontas para produção, desde a estruturação inicial até a implantação.

Quando Usar Este Fluxo de Trabalho

Use este fluxo de trabalho quando:

• Estiver construindo novas aplicações web ou mobile
• Estiver adicionando funcionalidades a aplicações existentes
• Estiver refatorando ou modernizando código legado
• Estiver configurando novos projetos com as melhores práticas
• Estiver desenvolvendo funcionalidades full-stack
• Estiver desenvolvendo aplicações multiplataforma

Fases do Fluxo de Trabalho

Fase 1: Configuração e Estruturação do Projeto

Habilidades a Invocar

• app-builder - Orquestrador principal de construção de aplicações
• senior-fullstack - Orientação para desenvolvimento full-stack
• environment-setup-guide - Configuração do ambiente de desenvolvimento
• concise-planning - Planejamento e detalhamento de tarefas

Ações

1. Determinar o tipo de projeto (web, mobile, full-stack)
2. Selecionar o stack de tecnologia
3. Estruturar o projeto
4. Configurar o ambiente de desenvolvimento
5. Configurar controle de versão e CI/CD

Prompts para Copiar e Colar

Use @app-builder to scaffold a new React + Node.js full-stack application

Use @senior-fullstack to set up a Next.js 14 project with App Router

Use @environment-setup-guide to configure my development environment

Fase 2: Desenvolvimento Frontend

Habilidades a Invocar

• frontend-developer - Desenvolvimento de componentes React/Next.js
• frontend-design - Implementação de design UI/UX
• react-patterns - Padrões modernos de React
• typescript-pro - Melhores práticas de TypeScript
• tailwind-patterns - Estilização com Tailwind CSS
• nextjs-app-router-patterns - Padrões do Next.js 14+

Ações

1. Projetar a arquitetura dos componentes
2. Implementar componentes de UI
3. Configurar o gerenciamento de estado
4. Configurar o roteamento
5. Aplicar estilização e temas
6. Implementar design responsivo

Prompts para Copiar e Colar

Use @frontend-developer to create a dashboard component with React and TypeScript

Use @react-patterns to implement proper state management with Zustand

Use @tailwind-patterns to style components with a consistent design system

Fase 3: Desenvolvimento Backend

Habilidades a Invocar

• backend-architect - Design de arquitetura backend
• backend-dev-guidelines - Padrões de desenvolvimento backend
• nodejs-backend-patterns - Padrões Node.js/Express
• fastapi-pro - Desenvolvimento com FastAPI
• api-design-principles - Design de API REST/GraphQL
• auth-implementation-patterns - Implementação de autenticação

Ações

1. Projetar a arquitetura da API
2. Implementar endpoints REST/GraphQL
3. Configurar conexões com o banco de dados
4. Implementar autenticação/autorização
5. Configurar middlewares
6. Configurar tratamento de erros

Prompts para Copiar e Colar

Use @backend-architect to design a microservices architecture for my application

Use @nodejs-backend-patterns to create Express.js API endpoints

Use @auth-implementation-patterns to implement JWT authentication

Fase 4: Desenvolvimento de Banco de Dados

Habilidades a Invocar

• database-architect - Design de banco de dados
• database-design - Princípios de design de schema
• prisma-expert - Prisma ORM
• postgresql - Otimização de PostgreSQL
• neon-postgres - Postgres Serverless

Ações

1. Projetar o schema do banco de dados
2. Criar migrações
3. Configurar o ORM
4. Otimizar consultas
5. Configurar pooling de conexões

Prompts para Copiar e Colar

Use @database-architect to design a normalized schema for an e-commerce platform

Use @prisma-expert to set up Prisma ORM with TypeScript

Fase 5: Testes

Habilidades a Invocar

• test-driven-development - Fluxo de trabalho TDD
• javascript-testing-patterns - Testes Jest/Vitest
• python-testing-patterns - Testes pytest
• e2e-testing-patterns - Testes E2E com Playwright/Cypress
• playwright-skill - Testes de automação de navegador

Ações

1. Escrever testes unitários
2. Criar testes de integração
3. Configurar testes E2E
4. Configurar runners de testes em CI
5. Atingir metas de cobertura

Prompts para Copiar e Colar

Use @test-driven-development to implement features with TDD

Use @playwright-skill to create E2E tests for critical user flows

Fase 6: Qualidade e Revisão de Código

Habilidades a Invocar

• code-reviewer - Revisão de código com IA
• clean-code - Princípios de código limpo
• lint-and-validate - Linting e validação
• security-scanning-security-sast - Análise estática de segurança

Ações

1. Executar linters e formatadores
2. Realizar revisão de código
3. Corrigir problemas de qualidade de código

…