Por que a saída da interface do Claude Code se desvia e como uma especificação estruturada a corrige

Se você tem usado o Claude Code para trabalho de UI e enfrentado deriva na saída — onde prompts repetidos retornam layouts inconsistentes que nunca convergem — a causa raiz provavelmente não é a qualidade do seu prompt. De acordo com um post detalhado no r/ClaudeAI, o problema real é o formato: o Claude Code espera especificações estruturadas, não descrições em prosa.

Prosa vs. Especificações Estruturadas: O Que Mudou

O autor relata que descrever UI em prosa ('botão à esquerda, cantos levemente arredondados, visual moderno') produz resultados inconsistentes. Mudar para uma especificação estruturada com códigos hexadecimais exatos, pesos de fonte exatos, espaçamento exato, todos os estados de tela e todas as transições reduziu a saída de 'interpretativa' para 'isto é a coisa.' Quando o modelo para de adivinhar, a deriva desaparece.

Fluxo de Trabalho Prático: Gravação de Tela → Servidor MCP

Escrever manualmente uma especificação detalhada é impraticável. O autor percebeu que a maioria dos desenvolvedores já tem o material de origem necessário: gravações de tela (demonstrações da App Store, walkthroughs de design, gravações de desenvolvimento). A peça que faltava era uma maneira de converter essas gravações no formato estruturado do Claude. Então eles construíram e disponibilizaram como código aberto um servidor MCP que faz exatamente isso. A visão roda através da sua própria assinatura do Claude, então não há dança de chave de API.

Conclusão Principal

A ferramenta é secundária à mudança de fluxo de trabalho: pare de descrever layouts em prosa. Se você está fazendo trabalho de UI com o Claude Code, forneça uma especificação estruturada com valores concretos. O autor do post pergunta: qual é o seu fluxo de trabalho atual de prompt para saída para trabalho de UI?