Instalação e Configuração
O que Você Vai Aprender
✅ Instalar a ferramenta CLI do Agent App Factory e verificar a instalação ✅ Configurar o Claude Code ou OpenCode como motor de execução de IA ✅ Instalar os plugins necessários para executar o pipeline ✅ Completar a inicialização do projeto e iniciar o primeiro projeto Factory
Seu Desafio Atual
Você quer usar o AI App Factory para transformar suas ideias em aplicativos, mas não sabe quais ferramentas instalar nem como configurar o ambiente. Depois de instalar tudo, teme ter esquecido algum plugin essencial que fará o pipeline falhar no meio da execução.
Quando Usar Este Método
Use este método quando estiver usando o AI App Factory pela primeira vez, ou configurando um novo ambiente de desenvolvimento em uma máquina nova. Complete a instalação e configuração antes de começar a gerar aplicativos.
🎒 Preparação Antes de Começar
Requisitos Prévios
Antes de iniciar a instalação, certifique-se de:
- Node.js versão >= 16.0.0 - Este é o requisito mínimo para a ferramenta CLI
- npm ou yarn - Para instalação global de pacotes
- Um assistente de IA - Claude Code ou OpenCode (recomendado: Claude Code)
Verificar versão do Node.js:
node --versionSe a versão for inferior a 16.0.0, baixe e instale a versão mais recente do LTS em Node.js oficial.
Ideia Central
A instalação do AI App Factory consiste em 3 componentes-chave:
- Ferramenta CLI - Fornece interface de linha de comando, gerencia o estado do projeto
- Assistente de IA - O "cérebro" que executa o pipeline, interpreta comandos de Agentes
- Plugins necessários - Pacotes de extensão que aumentam as capacidades da IA (brainstorm do Bootstrap, sistema de design de UI)
Fluxo de instalação: Instalar CLI → Configurar assistente de IA → Inicializar projeto (instala plugins automaticamente)
Siga-me
Passo 1: Instalar a ferramenta CLI
Instale globalmente o Agent App Factory CLI para que você possa usar o comando factory em qualquer diretório.
npm install -g agent-app-factoryO que você deve ver: Saída de instalação bem-sucedida
added 1 package in XsVerificar instalação:
factory --versionO que você deve ver: Saída do número da versão
1.0.0Se você não consegue ver o número da versão, verifique se a instalação foi bem-sucedida:
which factory # macOS/Linux
where factory # WindowsFalha na instalação?
Se você encontrar problemas de permissão (macOS/Linux), tente:
sudo npm install -g agent-app-factoryOu use o npx sem instalar globalmente (não recomendado, baixa a cada vez que usar):
npx agent-app-factory initPasso 2: Instalar o assistente de IA
O AI App Factory precisa funcionar em conjunto com um assistente de IA, pois as definições de Agent e arquivos Skill são comandos de IA em formato Markdown que precisam ser interpretados e executados pela IA.
Opção A: Claude Code (Recomendado)
Claude Code é o assistente de programação de IA oficial da Anthropic, profundamente integrado ao AI App Factory.
Como instalar:
- Acesse Claude Code oficial
- Baixe e instale o aplicativo para sua plataforma
- Após a conclusão da instalação, verifique se o comando está disponível:
claude --versionO que você deve ver: Saída do número da versão
Claude Code 1.x.xOpção B: OpenCode
OpenCode é outro assistente de programação de IA que suporta o modo Agent.
Como instalar:
- Acesse OpenCode oficial
- Baixe e instale o aplicativo para sua plataforma
- Se não houver ferramenta de linha de comando, baixe e instale manualmente em:
- Windows:
%LOCALAPPDATA%\Programs\OpenCode\ - macOS:
/Applications/OpenCode.app/ - Linux:
/usr/bin/opencodeou/usr/local/bin/opencode
Por que o Claude Code é recomendado?
- Suporte oficial, melhor integração com o sistema de permissões do AI App Factory
- Instalação automatizada de plugins,
factory initconfigurará automaticamente os plugins necessários - Melhor gerenciamento de contexto, economiza Tokens
Passo 3: Inicializar o primeiro projeto Factory
Agora que você tem uma fábrica limpa, vamos inicializar o primeiro projeto.
Criar diretório do projeto:
mkdir meu-primeiro-app && cd meu-primeiro-appInicializar projeto Factory:
factory initO que você deve ver:
Agent Factory - Project Initialization
✓ Factory project initialized!
Project structure created:
.factory/
agents/
skills/
policies/
templates/
pipeline.yaml
config.yaml
state.json
✓ Plugins installed!
Starting Claude Code...
✓ Claude Code is starting...
(Please wait for window to open)Ponto de verificação ✅: Confirme que os seguintes arquivos foram criados
ls -la .factory/O que você deve ver:
agents/
skills/
policies/
templates/
pipeline.yaml
config.yaml
state.jsonAo mesmo tempo, a janela do Claude Code deve abrir automaticamente.
O diretório deve estar vazio
factory init só pode ser executado em um diretório vazio ou em um diretório que contenha apenas arquivos de configuração como .git, README.md, etc.
Se houver outros arquivos no diretório, você verá um erro:
Cannot initialize: directory is not empty.
Factory init requires an empty directory or one with only git/config files.Passo 4: Plugins instalados automaticamente
factory init tentará instalar automaticamente dois plugins necessários:
- superpowers - Habilidades de brainstorm para a fase Bootstrap
- ui-ux-pro-max-skill - Sistema de design para a fase UI (67 estilos, 96 paletas de cores, 100 regras do setor)
Se a instalação automática falhar, você verá um aviso:
Note: superpowers plugin installation failed
The bootstrap stage may prompt you to install it manuallyO que fazer se a instalação do plugin falhar?
Se a instalação do plugin falhar durante a inicialização, você pode instalar manualmente no Claude Code posteriormente:
No Claude Code, digite:
/install superpowers /install ui-ux-pro-max-skillOu visite a marketplace de plugins para instalar manualmente
Passo 5: Verificar permissões do assistente de IA
factory init gerará automaticamente o arquivo .claude/settings.local.json e configurará as permissões necessárias.
Verificar configuração de permissões:
cat .claude/settings.local.jsonO que você deve ver (versão simplificada):
{
"allowedCommands": [
"read",
"write",
"glob",
"bash"
],
"allowedPaths": [
".factory/**",
"input/**",
"artifacts/**"
]
}Essas permissões garantem que o assistente de IA possa:
- Ler definições de Agent e arquivos Skill
- Escrever artefatos no diretório
artifacts/ - Executar scripts e testes necessários
Não use --dangerously-skip-permissions
As configurações de permissão geradas pelo AI App Factory já são suficientemente seguras. Não use --dangerously-skip-permissions no Claude Code, pois isso reduzirá a segurança e poderá levar a operações não autorizadas.
Problemas Comuns
❌ Versão do Node.js muito baixa
Erro: npm install -g agent-app-factory falha na instalação ou exibe erros durante a execução
Motivo: Versão do Node.js inferior a 16.0.0
Solução: Atualize o Node.js para a versão mais recente do LTS
# Usar nvm para atualizar (recomendado)
nvm install --lts
nvm use --lts❌ Claude Code não instalado corretamente
Erro: Após executar factory init, aparece a mensagem "Claude CLI not found"
Motivo: Claude Code não foi adicionado ao PATH corretamente
Solução: Reinstale o Claude Code, ou adicione manualmente o caminho do executável às variáveis de ambiente
- Windows: Adicione o diretório de instalação do Claude Code ao PATH
- macOS/Linux: Verifique se existe o executável
claudeem/usr/local/bin/
❌ Diretório não vazio
Erro: factory init exibe a mensagem "directory is not empty"
Motivo: O diretório já contém outros arquivos (além de arquivos de configuração como .git, README.md)
Solução: Inicialize em um novo diretório vazio, ou limpe o diretório existente
# Remover arquivos não de configuração do diretório
rm -rf * !(.git) !(README.md)❌ Falha na instalação do plugin
Erro: factory init exibe um aviso de falha na instalação do plugin
Motivo: Problemas de rede ou a marketplace de plugins do Claude Code está temporariamente indisponível
Solução: Instale os plugins manualmente no Claude Code, ou siga as instruções durante a execução subsequente do pipeline
/install superpowers
/install ui-ux-pro-max-skillResumo
Esta lição completou a instalação e configuração completa do AI App Factory:
- ✅ Ferramenta CLI - Instalada globalmente via
npm install -g agent-app-factory - ✅ Assistente de IA - Claude Code ou OpenCode, recomendado Claude Code
- ✅ Inicialização do projeto -
factory initcria o diretório.factory/e configura automaticamente - ✅ Plugins necessários - superpowers e ui-ux-pro-max-skill (instalação automática ou manual)
- ✅ Configuração de permissões - Gera automaticamente o arquivo de permissões do Claude Code
Agora você tem um projeto Factory funcional, a janela do Claude Code está aberta e pronta para executar o pipeline.
Próxima Lição
Na próxima lição, aprenderemos Inicializar projeto Factory.
Você aprenderá:
- Entender a estrutura de diretório gerada por
factory init- Compreender a finalidade de cada arquivo no diretório
.factory/- Dominar como modificar a configuração do projeto
- Aprender como verificar o estado do projeto
Pronto para começar a gerar seu primeiro aplicativo? Vamos lá!
Apêndice: Referência do Código Fonte
Clique para expandir e ver a localização do código fonte
Última atualização: 2026-01-29
| Função | Caminho do arquivo | Linha |
|---|---|---|
| Entrada CLI | cli/bin/factory.js | 1-123 |
| Comando inicialização | cli/commands/init.js | 1-457 |
| Requisito Node.js | package.json | 41 |
| Inicialização Claude Code | cli/commands/init.js | 119-147 |
| Inicialização OpenCode | cli/commands/init.js | 152-215 |
| Verificação de instalação de plugins | cli/commands/init.js | 360-392 |
| Geração de configuração de permissões | cli/utils/claude-settings.js | 1-275 |
Constantes-chave:
NODE_VERSION_MIN = "16.0.0": Requisito mínimo de versão do Node.js (package.json:41)
Funções-chave:
getFactoryRoot(): Obtém o diretório raiz de instalação do Factory (factory.js:22-52)init(): Inicializa o projeto Factory (init.js:220-456)launchClaudeCode(): Inicia o Claude Code (init.js:119-147)launchOpenCode(): Inicia o OpenCode (init.js:152-215)generateClaudeSettings(): Gera a configuração de permissões do Claude Code