diff --git a/.agents/workflows/utf-design.md b/.agents/workflows/utf-design.md index 8e721f3..1d3dcda 100644 --- a/.agents/workflows/utf-design.md +++ b/.agents/workflows/utf-design.md @@ -31,6 +31,21 @@ não consegue guardar — os tokens, os breakpoints e as decisões de abandono. ## Passo 1 — Framework CSS e Design System (IDs 1 e 5) +> **Antes de perguntar, veja se dá para ler.** Se a sessão tiver um servidor MCP de +> ferramenta de design conectado (Stitch, Figma), use-o **antes** de começar as +> perguntas: liste as telas e leia a paleta, a tipografia e os espaçamentos que o +> protótipo já usa. Depois apresente o que encontrou e pergunte **o papel de cada +> coisa** — *"o protótipo usa estas seis cores; qual delas é a primária? qual é a de +> perigo?"*. +> +> A divisão é essa: **você lê o valor, o aluno nomeia o papel.** Nunca deduza o papel +> pela frequência de uso, pela posição na tela ou pelo nome que a ferramenta deu — é +> justamente essa decisão que a disciplina cobra dele. E nunca registre uma cor que o +> aluno não tenha confirmado. +> +> Sem MCP conectado, siga perguntando normalmente: o aluno lê os valores no protótipo e +> os informa. O resultado é o mesmo; muda só quem digita. + 1. **Framework CSS** — apresente as opções que a ficha permite (ex.: Tailwind, PrimeNG), com o custo de cada uma. A escolha é única para o semestre. 2. **Tokens** — grave em `docs/design-tokens.md`: paleta (com os papéis: primária,