feat: o /utf-design lê o protótipo pelo MCP, quando houver

.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,