Skill: Protótipo & Pesquisa
Guie o trabalho pelo nível de fidelidade correto com validação.
Passos
- Leia
workflows/prototyping.md(escada de 5 níveis de fidelidade, template de mapeamento de jornada, script de teste de usabilidade, dados de exemplo). - Identifique a necessidade atual e escolha a menor fidelidade que a responda — nunca pule níveis:
- Conteúdo primeiro (necessidades de info) → Wireframe (layout/nav) → Baixa fidelidade (conclusão de tarefa) → Alta fidelidade (visual/a11y) → Código (viabilidade/perf).
- Para fluxos: produza um mapa de jornada do usuário com pontos de decisão, caminhos de erro e casos extremos.
- Para validação: defina o teste de usabilidade (tarefas, critérios de sucesso, regra de 5 usuários) usando o script.
- Etapas de alta fidelidade/código puxam tokens (
tokens/*), componentes (components/*), taste (taste/*) e a11y (accessibility/*).
Saída
O artefato na fidelidade escolhida + um plano explícito de "o que validamos a seguir".
Verificação (antes de declarar concluído)
- A fidelidade corresponde à pergunta que está sendo respondida — nenhum nível pulado.
- Fluxos incluem pontos de decisão, caminhos de erro e casos extremos (vazio/carregamento/overflow), não apenas o caminho feliz.
- Uma etapa de validação concreta é nomeada (tarefas + critérios de sucesso), não "testar depois".
- Artefatos de alta fidelidade/código passam pela mesma barra de token + a11y que
design-code(sem valores hardcoded, contraste, estados).