Exportar para o Fluxo Âncora
O Fluxo Âncora é o método de desenvolvimento com IA em seis etapas (PO, Tech Lead, Gatekeeper, Dev, QA e Review). Ele é todo em texto, e o MockStudio entra como a parte visual da etapa 1 (PO): em vez de descrever a tela em palavras, o PO anexa o protótipo clicável, e a história do usuário já nasce com requisitos e critérios de aceite tirados do que funciona no mock.
Documentação do Fluxo Âncora: fluxo.michaelmilanez.com.br.
Passo a passo
- Monte o protótipo como sempre: capture as telas, torne funcional, faça as alterações e ligue as ações.
- Clique em Exportar → Para o Fluxo Âncora.
- Preencha, se já souber:
- Código da US (ex.: US-1234);
- Projeto no Fluxo Âncora (o nome da pasta do projeto no repositório Âncora).
- Marque as telas que entram e clique em Gerar pasta para o Fluxo Âncora.
- Copie a pasta prototipo/ para dentro do trabalho da US no repositório Âncora
(
projetos/<projeto>/trabalhos/<US>/prototipo/). - No agente padronizador da etapa 1, cole o texto do arquivo prompt-padronizador.md e responda às perguntas.
O que vem na pasta prototipo/
| Arquivo | O que é |
|---|---|
01-us-prototipo.md |
No mesmo padrão da US do Fluxo: telas, o que muda, requisitos e critérios de aceite sugeridos, fluxos, perguntas em aberto e cuidados de LGPD |
imagens/ |
O print de cada tela e, se houver alterações, os prints de antes e depois |
documento-para-o-dev.md |
O mesmo documento para o dev, quando há alterações registradas |
prototipo-clicavel.zip |
O pacote de apresentação: abre offline com dois cliques |
prompt-padronizador.md |
O texto pronto para colar no agente da etapa 1 |
LEIA-ME.md |
Onde colocar a pasta e o que fazer |
Os critérios de aceite saem do que funciona no mock. Por exemplo: "Na tela Pedidos, ao clicar em + Novo pedido, abre a janela Novo pedido", ou "o campo Valor usa máscara de valor em dinheiro". Tudo vem marcado como sugerido: só entra na US depois que o PO confirma.
Dados pessoais (LGPD)
A captura copia telas reais. Na exportação, o app procura CPF, CNPJ, e-mail e telefone no texto das telas e avisa se achar, sem copiar os valores para o arquivo. Se aparecer o aviso:
- Abra a tela no MockStudio e peça no chat: "troque os dados pessoais desta tela por dados fictícios".
- Exporte de novo.
Os prints (imagens) não são verificados: confira com os olhos antes de subir. Prefira capturar telas de homologação.
Não funcionou?
- Nenhum critério de aceite sugerido: o protótipo não tem ações ligadas. Use o assistente de ações ou torne funcional antes de exportar.
- Sem requisitos sugeridos: não há alterações registradas. Tudo bem: o padronizador escreve a partir das telas e das suas respostas.