Impeccable é uma habilidade de design gratuita e de código aberto que adiciona 24 comandos de design, contexto de projeto salvo e um detector baseado em regras para padrões comuns de interface gerados por IA a agentes de programação como Claude Code, Codex, Cursor e GitHub Copilot.
Já usou esta ferramenta? Avalie-a
Já usou esta ferramenta? Avalie-a
Impeccable é uma habilidade de design de código aberto para agentes de programação com IA. É instalada em ferramentas de programação como Claude Code, Codex, Cursor e GitHub Copilot e fornece ao agente orientações de design, um vocabulário de comandos de design nomeados e um verificador automático de padrões de interface que frontends gerados por IA costumam repetir.
A habilidade de design Impeccable é apresentada como forma de dar a um agente expertise em design para criar interfaces do zero, melhorar as existentes e ser fiel a um design system existente. Seu repositório resume o pacote como uma habilidade, 24 comandos, iteração ao vivo no navegador e 61 regras de detecção determinísticas para design frontend gerado por IA.
O site credita Paul Bakaus como criador, e novas instalações baixam um mecanismo assinado pela Renaissance Geek, Inc., que também consta como desenvolvedora da extensão do Chrome do Impeccable. Segundo o README do projeto, o frontend-design da Anthropic foi a primeira habilidade de design amplamente usada para o Claude, e o Impeccable partiu dele.
"Impeccable" também é uma palavra comum, usada por empresas alheias ao projeto; esta página trata da habilidade publicada a partir do repositório pbakaus/impeccable.
Segundo um registro de 5 de outubro de 2026, esse repositório exibia 76,3 mil estrelas sob licença Apache-2.0. Na mesma data, a página da extensão na loja mostrava 60.000 usuários.
Tudo passa por uma habilidade principal, /impeccable, seguida de um comando ou um pedido em linguagem simples; audit, polish, critique e os demais comandos não precisam de instalação separada.
A referência de comandos os agrupa em seis famílias: Criar (2), Avaliar (2), Refinar (8), Simplificar (3), Reforçar (4) e Sistema (5).
Um comando frequente pode ser fixado como atalho, por exemplo /impeccable pin critique; ele encaminha os pedidos à habilidade principal, então as melhorias dela continuam valendo.
O Impeccable pergunta uma única vez sobre seus usuários e os objetivos deles, salva esse contexto em PRODUCT.md e o lê antes de trabalhos de design posteriores. O comando document lê a interface e registra cores, tipografia e regras de componentes em DESIGN.md, para que a próxima página ou o próximo agente siga as mesmas decisões. Atualizar o Impeccable substitui os próprios arquivos instalados sem mexer no PRODUCT.md e no DESIGN.md do projeto.
O detector de lixo de IA é a parte que funciona sem modelo de linguagem. Seu catálogo lista 61 regras de detecção, além de 6 padrões reservados para a revisão de design. As verificações procuram problemas como baixo contraste, texto transbordando, padrões de design comuns da IA e desvios de um design system documentado.
Os hooks de design executam o detector enquanto o agente trabalha em arquivos de interface, de modo que as constatações chegam com a alteração ainda no contexto. Claude Code e Codex recebem feedback direcionado após cada edição e uma verificação mais ampla quando o agente termina sua vez; o GitHub Copilot executa o detector completo após edições compatíveis; no Cursor, uma constatação pode bloquear uma gravação proposta até que o agente a revise.
O modo ao vivo, marcado como beta, permite selecionar parte de uma página em execução e comparar três variações ali mesmo, ou usar a função "Direcionar" para conduzir a página inteira; a versão aceita passa a integrar seu código-fonte. O comando generate inicia uma comparação semelhante pelo chat se você já sabe nomear o elemento e a direção, como em generate 3 variações ousadas dos cartões de preços.
Para trabalhos novos, o Impeccable recorre a direções de design revisadas por pessoas, cada uma com suas próprias regras visuais, e as pondera frente a ideias extraídas do seu produto. Com geração de imagens, ele pode começar pela maquete (comp-led); sem ela, constrói diretamente no código (code-led), o que tende a parecer mais coeso, mas geralmente menos ambicioso.
Para começar, é preciso uma ferramenta de programação, uma pasta de projeto e Node.js 22.18 ou posterior; um projeto vazio ou um app recém-gerado serve.
Instalações via instalador são atualizadas com npx impeccable update, e npx impeccable check procura uma versão mais nova; as de marketplace, pelo gerenciador de plugins da ferramenta. Equipes podem, em vez disso, manter uma versão registrada como submódulo Git vinculado às suas ferramentas.
Ele se encaixa menos bem em duas situações:
As ferramentas de programação compatíveis incluem Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode e Pi, entre outras.
| Caminho | Como funciona |
|---|---|
| Instalador do Impeccable | npx impeccable install seleciona a versão para sua ferramenta; exige Node.js 22.18 ou posterior |
| Plugin do Claude Code | /plugin marketplace add pbakaus/impeccable e, em seguida, instale o Impeccable pela lista do /plugin |
| skills.sh | npx skills add pbakaus/impeccable instala a versão compartilhada |
| App do GitHub Copilot | integrado; ative em Configurações → Experimental |
| Download em ZIP | copie o conteúdo, incluindo pastas ocultas, para a raiz do projeto |
Como habilidade de design para Claude Code, o Impeccable recebe do instalador mais do que os arquivos da habilidade: no Claude Code, Cursor, Codex, GitHub Copilot e Grok Build, o instalador também adiciona ao projeto atual um manifesto de hooks nativo da plataforma.
O modo ao vivo funciona com páginas web em um servidor de desenvolvimento em execução ou com HTML estático local, e os frameworks compatíveis incluem apps baseados em Vite, Next.js, SvelteKit, Astro e Nuxt. Fora da ferramenta de programação, uma extensão do Chrome adiciona ao DevTools um painel do Impeccable que mostra problemas de design nas páginas que você escolher inspecionar.
As habilidades públicas, os comandos, a CLI e o mecanismo de detecção do Impeccable são gratuitos e de código aberto sob licença Apache 2.0; os custos aplicáveis vêm das ferramentas ao redor dele:
A política de privacidade também descreve uma lista de espera para o Impeccable Pro, que armazena os e-mails de inscrição para avisar os inscritos quando o Pro estiver pronto. Nenhum recurso ou preço do Pro estava publicado nas páginas verificadas.
Outras duas habilidades para agentes aparecem ao lado do Impeccable em levantamentos independentes de habilidades de design frontend.
| Opção | O que oferece | Licença |
|---|---|---|
| frontend-design da Anthropic | Uma habilidade com orientações sobre direção estética, tipografia e como evitar padrões com cara de template | termos em seu LICENSE.txt |
| taste-skill | Habilidades portáteis para layout, tipografia, movimento e espaçamento, além de habilidades de geração de imagens para painéis de referência | MIT |
| Impeccable | Uma habilidade com vocabulário de comandos, arquivos de contexto do projeto, regras de detecção, hooks e modo ao vivo | Apache 2.0 |
O frontend-design da Anthropic é a habilidade de design frontend da qual o Impeccable partiu; ele se descreve como uma orientação para um design visual marcante e intencional ao criar ou reformular uma interface. O README do Impeccable apresenta seus acréscimos como um fluxo único de configuração, 24 comandos e 61 regras de detecção determinísticas que a CLI e a extensão de navegador executam sem LLM nem chave de API.
taste-skill é um conjunto de habilidades portáteis para agentes com licença MIT, voltado a layout, tipografia, movimento e espaçamento mais fortes do que os de interfaces com cara de template; seu repositório também inclui habilidades de geração de imagens para painéis de referência de web, móvel e kit de marca.
Sim. As habilidades públicas, os comandos, a CLI e o mecanismo de detecção são gratuitos sob licença Apache 2.0. As cobranças de uso da sua ferramenta de programação, do provedor de modelos ou da geração de imagens são faturadas separadamente por esses provedores.
Não. O detector e os hooks de design rodam como código, sem modelo de IA nem chave de API; só o trabalho de design feito pelo seu agente usa o modelo dele.
Use generate quando souber nomear o elemento e a direção que quer, e o modo ao vivo quando quiser escolher os elementos você mesmo, anotá-los ou direcionar a página inteira durante uma sessão no navegador.
Só em parte. O detector, os hooks e o modo ao vivo visam interfaces web, por isso a documentação recomenda o comando audit para revisões nativas.
