You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
O Greenfield Full-Stack Workflow e o fluxo de trabalho principal do AIOX para construcao de aplicacoes full-stack desde o conceito ate o desenvolvimento. Este workflow suporta tanto planejamento abrangente para projetos complexos quanto prototipagem rapida para projetos simples.
Tipos de Projeto Suportados
Tipo
Descricao
web-app
Aplicacoes web modernas
saas
Software as a Service
enterprise-app
Aplicacoes corporativas
prototype
Prototipos e POCs
mvp
Minimum Viable Products
Quando Usar Este Workflow
Construcao de aplicacoes prontas para producao
Projetos com multiplos membros na equipe
Requisitos de funcionalidades complexas
Necessidade de documentacao abrangente
Expectativa de manutencao de longo prazo
Aplicacoes corporativas ou voltadas para clientes
Diagrama Geral do Workflow
flowchart TB
subgraph PHASE0["FASE 0: Bootstrap do Ambiente"]
A[Inicio: Projeto Greenfield] --> A1{Ambiente pronto?}
A1 -->|Nao| A2["@devops: *environment-bootstrap"]
A2 --> A3[CLIs instaladas + Repositorio GitHub criado]
A1 -->|Sim| A3
end
subgraph PHASE1["FASE 1: Descoberta e Planejamento"]
A3 --> B["@analyst: project-brief.md"]
B --> C["@pm: prd.md"]
C --> D["@ux-expert: front-end-spec.md"]
D --> D2{Gerar prompt v0?}
D2 -->|Sim| D3["@ux-expert: criar prompt v0"]
D2 -->|Nao| E["@architect: fullstack-architecture.md"]
D3 --> D4[Usuario: gerar UI no v0/Lovable]
D4 --> E
E --> F{Arquitetura sugere mudancas no PRD?}
F -->|Sim| G["@pm: atualizar prd.md"]
F -->|Nao| H["@po: validar todos os artefatos"]
G --> H
H --> I{PO encontrou problemas?}
I -->|Sim| J[Retornar ao agente relevante para correcoes]
I -->|Nao| K_GATE[Fase 1 Completa]
J --> H
end
subgraph PHASE2["FASE 2: Fragmentacao de Documentos"]
K_GATE --> K["@po: fragmentar documentos"]
K --> K1[Cria: source-tree, tech-stack, coding-standards]
end
subgraph PHASE3["FASE 3: Ciclo de Desenvolvimento"]
K1 --> L["@sm: criar story"]
L --> M{Revisar story draft?}
M -->|Sim| N["@analyst/@pm: revisar e aprovar story"]
M -->|Nao| O["@dev: implementar story"]
N --> O
O --> P{Revisao QA?}
P -->|Sim| Q["@qa: revisar implementacao"]
P -->|Nao| R{Mais stories?}
Q --> S{QA encontrou problemas?}
S -->|Sim| T["@dev: resolver feedback do QA"]
S -->|Nao| R
T --> Q
R -->|Sim| L
R -->|Nao| U{Retrospectiva do Epic?}
U -->|Sim| V["@po: retrospectiva do epic"]
U -->|Nao| W[Projeto Completo]
V --> W
end
%% Caminhos opcionais
B -.-> B1[Opcional: brainstorming]
B -.-> B2[Opcional: pesquisa de mercado]
D -.-> D1[Opcional: pesquisa de usuario]
E -.-> E1[Opcional: pesquisa tecnica]
%% Estilos
style A2 fill:#FF6B6B,color:#fff
style A3 fill:#FF6B6B,color:#fff
style W fill:#90EE90
style K fill:#ADD8E6
style K1 fill:#ADD8E6
style L fill:#ADD8E6
style O fill:#ADD8E6
style D3 fill:#E6E6FA
style D4 fill:#E6E6FA
style B fill:#FFE4B5
style C fill:#FFE4B5
style D fill:#FFE4B5
style E fill:#FFE4B5
style N fill:#F0E68C
style Q fill:#F0E68C
style V fill:#F0E68C
Loading
Fases do Workflow
Legenda de Cores
Cor
Significado
Vermelho (#FF6B6B)
Bootstrap do ambiente
Laranja claro (#FFE4B5)
Planejamento e documentacao
Azul claro (#ADD8E6)
Desenvolvimento e fragmentacao
Roxo claro (#E6E6FA)
Geracao de UI com IA
Amarelo (#F0E68C)
Revisao e validacao
Verde (#90EE90)
Conclusao
FASE 0: Bootstrap do Ambiente
Objetivo
Configurar o ambiente de desenvolvimento antes de iniciar o planejamento do projeto.
Diagrama Detalhado
flowchart TD
subgraph FASE0["FASE 0: Environment Bootstrap"]
START([Inicio]) --> CHECK{Ambiente pronto?}
CHECK -->|Verificar| ENV_REPORT[".aiox/environment-report.json existe?"]
ENV_REPORT -->|Sim| SKIP[Pular bootstrap]
ENV_REPORT -->|Nao| BOOTSTRAP
subgraph BOOTSTRAP["@devops: *environment-bootstrap"]
B1[Detectar Sistema Operacional]
B2[Auditoria de CLIs]
B3[Instalacao Interativa]
B4[Autenticacao de Servicos]
B5[Inicializacao do Repositorio Git]
B6[Scaffold da Estrutura do Projeto]
B7[Geracao do Relatorio de Ambiente]
B1 --> B2 --> B3 --> B4 --> B5 --> B6 --> B7
end
SKIP --> DONE
B7 --> DONE([Fase 0 Completa])
end
graph LR
subgraph Planejamento
ANALYST[🔍 Atlas<br>@analyst]
PM[📋 Morgan<br>@pm]
UX[🎨 Uma<br>@ux-expert]
ARCH[🏛️ Aria<br>@architect]
end
subgraph Governanca
PO[🎯 Pax<br>@po]
SM[🌊 River<br>@sm]
end
subgraph Execucao
DEV[💻 Dex<br>@dev]
QA[✅ Quinn<br>@qa]
DEVOPS[⚡ Gage<br>@devops]
end
ANALYST -->|project-brief| PM
PM -->|prd| UX
UX -->|front-end-spec| ARCH
ARCH -->|arquitetura| PO
PO -->|stories| SM
SM -->|story| DEV
DEV -->|implementacao| QA
QA -->|feedback| DEV
DEV -->|pronto| DEVOPS
PM -.->|atualiza PRD| ARCH
PO -.->|valida| PM
PO -.->|valida| ARCH
# Verificar ambiente
cat .aiox/environment-report.json
# Verificar CLIs
git --version && gh --version && node --version
# Verificar autenticacao
gh auth status
supabase projects list
railway whoami
# Verificar estrutura do projeto
ls -la .aiox/
ls -la docs/
Handoff Prompts
Transicoes entre Fases
De
Para
Prompt de Handoff
Fase 0
Fase 1
"Bootstrap do ambiente completo! Repo Git criado, CLIs verificadas, estrutura do projeto pronta. Inicie um novo chat com @analyst para criar o project brief."
@analyst
@pm
"Project brief completo. Salve como docs/project-brief.md no seu projeto, depois crie o PRD."
@pm
@ux-expert
"PRD pronto. Salve como docs/prd.md no seu projeto, depois crie a especificacao de UI/UX."
@ux-expert
@architect
"Spec de UI/UX completa. Salve como docs/front-end-spec.md no seu projeto, depois crie a arquitetura fullstack."
@architect
@po
"Arquitetura completa. Salve como docs/fullstack-architecture.md. Voce sugere mudancas nas stories do PRD ou precisa de novas stories?"
Fase 1
Fase 2
"Todos os artefatos de planejamento validados. Agora fragmente documentos para desenvolvimento: @po → *shard-doc docs/prd.md"