Impeccable

A Impeccable revisa o componente que você indicar com critique. O relatório aponta problemas de uso nessa interface. O comando polish aplica ajustes de acabamento. Com document, a skill registra o sistema visual existente em DESIGN.md, consultado nas alterações seguintes.

Como usar a skill Impeccable

O que preparar

Disponibilize o código da interface, a rota que será revisada e uma forma de abrir seus estados principais. A Impeccable usa PRODUCT.md para entender o objetivo da aplicação e DESIGN.md para conhecer o sistema visual. Informe esses arquivos quando já existirem.

Passo a passo

1. Apresente o objetivo da interface.

   Use impeccable init para registrar o objetivo da aplicação e o público que a utiliza. Esse fluxo produz o PRODUCT.md. Em um ajuste pequeno de uma interface existente, a skill pode trabalhar com as convenções já presentes no código.

   Resultado esperado: uma descrição do objetivo da aplicação que orienta as próximas revisões.

2. Peça uma crítica de uma parte identificável.

   Use critique para examinar a experiência de uso. O exemplo abaixo trata de um formulário existente. No Claude Code, substitua $impeccable por /impeccable.

   $impeccable critique /cadastro. Revise o formulário de cadastro de usuário, incluindo senha inválida, envio em andamento e erro do servidor. Preserve a identidade visual. Explique os problemas que dificultam concluir o cadastro e indique o que deve ser corrigido primeiro.

   Resultado esperado: uma análise da interface indicada, com problemas de hierarquia, compreensão e uso relacionados ao cadastro.

3. Escolha o tipo de ajuste.

   Depois da análise, use polish para acabamento, harden para estados de erro e situações incomuns ou adapt para adequação a diferentes telas. Nomeie o componente e os problemas que deseja corrigir. Para verificar acessibilidade, desempenho e comportamento responsivo, use audit.

   Resultado esperado: um trabalho com objetivo definido, como tornar o erro do servidor compreensível ou corrigir o formulário no celular.

4. Confira os estados e registre o sistema visual.

   Abra a interface alterada, teste o envio e percorra os controles com o teclado. Se precisar documentar as convenções visuais já implementadas, use document, que gera o DESIGN.md a partir do código existente.

   Resultado esperado: a interface revisada e as verificações realizadas. A documentação visual é uma entrega do comando document, não uma consequência automática de qualquer ajuste.