Pular para o conteúdo
Skillpedia
Código em geral48 mil · #2185

app-builder

Ajuda seu agente a criar aplicativos completos a partir de descrições. É útil para construir softwares rapidamente, escolhendo as melhores tecnologias.

O que ela faz

Este agente ajuda a criar aplicativos completos, do zero, a partir de uma descrição em linguagem comum. Ele decide qual tecnologia usar e organiza as outras ferramentas para construir o aplicativo.

Quando usar

  • ✓Quando você quer criar um novo aplicativo web.
  • ✓Ao precisar de um aplicativo para celular ou para desktop.
  • ✓Se você deseja desenvolver uma extensão para navegador ou uma ferramenta de linha de comando.

Exemplo do que pedir para a IA

“Crie um clone do Instagram com compartilhamento de fotos e curtidas.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/app-builder/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/app-builder/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Ele entende o que você quer, escolhe as melhores tecnologias (como Next.js, React Native, etc.) e planeja as etapas necessárias. Depois, ele coordena outras ferramentas para escrever o código e montar a estrutura do aplicativo.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill app-builder

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/app-builder/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

App Builder - Orquestrador de Construção de Aplicações

Analisa os pedidos do usuário, determina o stack tecnológico, planeja a estrutura e coordena os agentes.

🎯 Regra de Leitura Seletiva

Leia APENAS os arquivos relevantes para o pedido! Verifique o mapa de conteúdo, encontre o que você 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 de 2025, alternativas Ao escolher tecnologias
agent-coordination.md Pipeline de agentes, ordem de execução Ao coordenar 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 Ao criar um novo projeto

📦 Templates (13)

Estrutura rápida para novos projetos. Leia apenas o template correspondente!

Template Stack Tecnológico Quando Usar
nextjs-fullstack Next.js + Prisma Aplicação web full-stack
nextjs-saas Next.js + Stripe Produto SaaS
nextjs-static Next.js + Framer Landing page
nuxt-app Nuxt 3 + Pinia Aplicação Vue full-stack
express-api Express + JWT API REST
python-fastapi FastAPI API em Python
react-native-app Expo + Zustand Aplicação mobile
flutter-app Flutter + Riverpod Mobile multiplataforma
electron-desktop Electron + React Aplicação desktop
chrome-extension Chrome MV3 Extensão de navegador
cli-tool Node.js + Commander Aplicação CLI
monorepo-turborepo Turborepo + pnpm Monorepo

🔗 Agentes Relacionados

Agente Papel
project-planner Divisão de tarefas, grafo de dependências
frontend-specialist Componentes de UI, páginas
backend-specialist API, lógica de negócios
database-architect Schema, migrações
devops-engineer Deploy, preview

Exemplo de Uso

User: "Make an Instagram clone with photo sharing and likes"

App Builder Process:
1. Project type: Social Media App
2. Tech stack: Next.js + Prisma + Cloudinary + Clerk
3. Create plan:
   ├─ Database schema (users, posts, likes, follows)
   ├─ API routes (12 endpoints)
   ├─ Pages (feed, profile, upload)
   └─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview

Quando Usar

Esta habilidade é aplicável para executar o fluxo de trabalho ou as ações descritas na visão geral.

Limitações

  • Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
  • Não trate a saída como substituta para validação específica do ambiente, testes ou revisão de especialistas.
  • Pare e peça esclarecimentos se os inputs necessários, permissões, limites de segurança ou critérios de sucesso estiverem faltando.
Perguntas frequentes

Quais tipos de aplicativos ele pode criar?

Ele pode criar aplicativos web completos (full-stack), produtos SaaS, páginas de destino (landing pages), aplicativos móveis (iOS e Android), aplicativos de desktop, extensões de navegador e ferramentas de linha de comando.

Ele escolhe as tecnologias sozinho?

Sim, ele tem um conjunto padrão de tecnologias recomendadas para 2025, mas também pode considerar alternativas se necessário para o seu projeto.

Como ele sabe o que fazer?

Ele analisa seu pedido, identifica o tipo de projeto, seleciona a pilha de tecnologia apropriada e coordena diferentes agentes (ferramentas especializadas) para construir o aplicativo passo a passo.

Detalhes

Descrição original do autor

Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#2185
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas