skills/app-builder/SKILL.md
Orquestrador principal de construção de aplicações. Cria aplicações full-stack a partir de solicitações em linguagem natural. Determina o tipo de projeto, seleciona a stack técnica e coordena os agentes.
npx skillsauth add lucasfdigital/orchard app-builderInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Analisa as solicitações do usuário, determina a stack técnica, planeja a estrutura e coordena os agentes.
Leia APENAS os arquivos relevantes para a solicitação! Verifique o mapa de conteúdo e encontre o que precisa.
| Arquivo | Descrição | Quando Ler |
| :--- | :--- | :--- |
| project-detection.md | Matriz de palavras-chave, detecção de tipo de projeto | Ao iniciar um novo projeto |
| tech-stack.md | Stack padrão para 2026, alternativas | Ao escolher tecnologias |
| agent-coordination.md | Pipeline de agentes, ordem de execução | Ao coordenar o trabalho multi-agente |
| scaffolding.md | Estrutura de diretórios, arquivos principais | Ao criar a estrutura do projeto |
| feature-building.md | Análise de funcionalidades, tratamento de erros | Ao adicionar funcionalidades a um projeto existente |
| templates/SKILL.md | Templates de projeto | Para o scaffolding de um novo projeto |
Scaffolding de início rápido para novos projetos. Leia apenas o template correspondente!
| Template | Tech Stack | Quando Usar | | :--- | :--- | :--- | | nextjs-fullstack | Next.js + Prisma | App web full-stack | | nextjs-saas | Next.js + Stripe | Produto SaaS | | nextjs-static | Next.js + Framer | Landing page | | nuxt-app | Nuxt 3 + Pinia | App Vue full-stack | | express-api | Express + JWT | API REST | | python-fastapi | FastAPI | API Python | | react-native-app | Expo + Zustand | App mobile | | flutter-app | Flutter + Riverpod | Mobile cross-platform | | electron-desktop | Electron + React | App desktop | | chrome-extension | Chrome MV3 | Extensão de navegador | | cli-tool | Node.js + Commander | Ferramenta CLI | | monorepo-turborepo | Turborepo + pnpm | Monorepo |
| Agente | Papel |
| :--- | :--- |
| project-planner | Decomposição de tarefas, grafo de dependências |
| frontend-specialist | Componentes de UI, páginas |
| backend-specialist | API, lógica de negócio |
| database-architect | Schema, migrações |
| devops-engineer | Implantação, visualização (preview) |
Usuário: "Crie um clone do Instagram com compartilhamento de fotos e curtidas"
Processo do App Builder:
1. Tipo de projeto: Aplicativo de Rede Social
2. Tech stack: Next.js + Prisma + Cloudinary + Clerk
3. Criar plano:
├─ Schema do banco de dados (usuários, posts, curtidas, seguidores)
├─ Rotas de API (12 endpoints)
├─ Páginas (feed, perfil, upload)
└─ Componentes (PostCard, Feed, LikeButton)
4. Coordenar agentes
5. Relatar progresso
6. Iniciar visualização (preview)
development
Princípios de teste de aplicações web. E2E, Playwright, estratégias de auditoria profunda.
development
Revisar o código da UI para conformidade com as Web Interface Guidelines. Use quando solicitado para "revisar minha UI", "checar acessibilidade", "auditar design", "revisar UX" ou "verificar meu site em relação às melhores práticas".
testing
Princípios avançados de análise de vulnerabilidade. OWASP 2025, Segurança da Cadeia de Suprimentos (Supply Chain), mapeamento de superfície de ataque e priorização de riscos.
testing
Padrões e princípios de teste. Estratégias de testes unitários, de integração e mocking.