App Builder - Orquestrador de Construção de Aplicações
Analisa requisições do usuário, determina tech stack, planeja estrutura e coordena agentes.
🎯 Regra de Leitura Seletiva
Leia APENAS os arquivos relevantes para a requisição! Verifique o mapa de conteúdo e encontre o que você precisa.
| Arquivo | Descrição | Quando Ler |
|---|---|---|
project-detection.md |
Matriz de palavras-chave, detecção de tipo de projeto | Iniciando novo projeto |
tech-stack.md |
Stack padrão 2025, alternativas | Escolhendo tecnologias |
agent-coordination.md |
Pipeline de agentes, ordem de execução | Coordenando trabalho multi-agente |
scaffolding.md |
Estrutura de diretórios, arquivos principais | Criando estrutura do projeto |
feature-building.md |
Análise de features, tratamento de erros | Adicionando features ao projeto existente |
templates/SKILL.md |
Templates de projeto | Scaffolding de novo projeto |
📦 Templates (13)
Scaffolding 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 full-stack Vue |
| express-api | Express + JWT | API REST |
| python-fastapi | FastAPI | API Python |
| react-native-app | Expo + Zustand | App mobile |
| flutter-app | Flutter + Riverpod | Mobile multiplataforma |
| electron-desktop | Electron + React | App desktop |
| chrome-extension | Chrome MV3 | Extensão de navegador |
| cli-tool | Node.js + Commander | App CLI |
| monorepo-turborepo | Turborepo + pnpm | Monorepo |
🔗 Agentes Relacionados
| Agente | Papel |
|---|---|
project-planner |
Breakdown de tarefas, grafo de dependências |
frontend-specialist |
Componentes UI, páginas |
backend-specialist |
API, lógica de negócio |
database-architect |
Schema, migrations |
devops-engineer |
Deploy, preview |
Exemplo de Uso
Usuário: "Faça um clone do Instagram com compartilhamento de fotos e likes"
Processo App Builder:
1. Tipo de projeto: Aplicação Social Media
2. Tech stack: Next.js + Prisma + Cloudinary + Clerk
3. Criar plano:
├─ Schema do banco (users, posts, likes, follows)
├─ Routes de API (12 endpoints)
├─ Páginas (feed, profile, upload)
└─ Componentes (PostCard, Feed, LikeButton)
4. Coordenar agentes
5. Relatar progresso
6. Iniciar preview