---
description: Gera um brief/handoff de design usando a stack real do projeto.
argument-hint: "<feature, tela ou fluxo>"
allowed-tools: [Read, Glob, Grep, Bash, Write, Edit]
---

# SDD Design

Use a skill `design` para transformar `$ARGUMENTS` em uma direção visual acionável.

Antes de propor tecnologia, confirme a stack real em Project Discovery, `sdd.config.yaml`, manifests, rotas, componentes e estilos existentes. Se houver uma orquestração ativa, grave o handoff em `docs/<slug-da-orquestracao>/design.md`; caso contrário, entregue o brief na resposta e sugira o path quando o slug existir.

Sempre que houver fluxo, jornada, navegação, estados ou dependências visuais, acione `artifact-diagrams`: Mermaid no Markdown e Excalidraw em `docs/<slug-da-orquestracao>/assets/` quando o planejamento precisar de canvas editável.

Estruture a saída:

1. Contexto, usuário e stack confirmada.
2. Design brief enxuto: JTBD, princípios, restrições, anti-referências e métrica.
3. Direção visual e informação prioritária.
4. Estrutura da experiência: fluxo principal, alternativas, erros e recuperação.
5. Componentes, estados e interações.
6. Tokens/estilos alinhados ao projeto.
7. Diagramas: Mermaid e Excalidraw quando aplicável.
8. Acessibilidade, responsividade e validação.
9. Impacto em PRD, Tech Spec e Tasks.
