From a5937152101a961b81e3e2903aa88e0d84fddea4 Mon Sep 17 00:00:00 2001 From: Roni Fabio Banaszewski Date: Thu, 10 Sep 2026 16:36:57 -0300 Subject: [PATCH] feat: o /utf-design le o prototipo pelo MCP, quando houver MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Ate agora o comando so entrevistava: o aluno abria o Stitch ou o Figma, lia os hexadecimais na tela e redigitava um por um na conversa. Trabalho de copista, e onde mora o erro de digitacao. Stitch e Figma expoem servidor MCP. Quando ele estiver conectado na sessao, o fluxo passa a ler a paleta, a tipografia e os espacamentos que o prototipo ja usa, e a perguntar em cima do que encontrou. A divisao que preserva a pedagogia esta escrita no bloco: **o agente le o valor, o aluno nomeia o papel**. Ler o prototipo que a equipe fez nao e inventar valor de marca — o que continua proibido e deduzir o papel da cor pela frequencia de uso, pela posicao na tela ou pelo nome que a ferramenta deu. Esse e justamente o julgamento que a disciplina cobra do aluno, e nenhuma cor entra no documento sem confirmacao dele. Sem MCP conectado nada muda: o comando pergunta como sempre perguntou. Co-Authored-By: Claude Opus 5 (1M context) --- .agents/workflows/utf-design.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) 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,