impeccablepor Paul Bakaus

Impeccable Skill.

Um skill de Claude Code e Codex para revisão de design: um skill para projetar, criticar, auditar, polir, animar e refinar interfaces.

Design Review & Accessibility
Código de UI

Baixar OpenDesign Ver guia de uso

pbakaus/impeccable · plugin/skills/impeccable/SKILL.mdSKILL.md

--- name: impeccable description: Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, … --- ## Setup ## How to design ## Modes ## Commands

Metadados iniciais e títulos de seção lidos do arquivo original em 14/09/2026 · 11.912 caracteres no total

01 O que faz

O que a Skill impeccable faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Impeccable transforma interfaces frontend por meio de design, crítica, auditoria, polimento, animação e refinamento. Ela abrange sites, landing pages, dashboards, UI de produto, componentes, formulários, configurações, onboarding e estados vazios—cuidando de revisão de UX, hierarquia visual, acessibilidade, performance, comportamento responsivo, temas, tipografia, espaçamento, layout, cor, movimento, microinterações e sistemas de design.

A skill entrega um trabalho fora da curva por meio de código de qualidade de produção, criatividade máxima, um ponto de vista claro e um capricho excepcional. Ela organiza o trabalho em torno de quatro modos—Persuade, Operate, Read, Experience—e mais de vinte comandos especializados. Cada sessão carrega o contexto do produto, o universo visual e os briefings de superfície por meio de um script iniciador, seguindo então manuais específicos de cada comando e um piso de qualidade de execução.

O que ele produz

PRODUCT.md capturando o contexto duradouro do produto via o comando init
DESIGN.md gerado a partir do código existente do projeto via o comando document
Tokens e componentes reutilizáveis extraídos para o sistema de design via o comando extract
Código de UI com qualidade de produção, com entregáveis completos, criatividade máxima e capricho excepcional

Veja o exemplo de prompt ↗

Como funciona

01
Carregar o Contexto da Sessão Uma Única Vez
Execute o script impeccable com o argumento context uma vez por sessão a partir do diretório do skill.
02
Carregue o Playbook da Solicitação
Para subcomandos explícitos ou implícitos, carregue a referência da tabela Commands; para novas superfícies ou substituição de universos visuais, carregue new-work.md.
03
Leia o Craft Floor Antes de Editar
Após resolver a análise e a direção, leia craft-floor.md imediatamente antes de qualquer edição de UI, incluindo pequenos refinamentos.
04
Escolha o Modo a partir do Tipo de Superfície
Selecione Persuade para landing pages e marketing, em que os visitantes decidem e agem. Escolha Operate para UI de aplicativos e dashboards, em que os visitantes concluem tarefas.
05
Verifique em Passagens Delimitadas
Construa por completo, inspecione uma única vez com uma rodada em lote cobrindo desktop e mobile juntos na web ou as classes de dispositivo lançadas em nativo.

02 Encontre o ideal para você

Quando Usar o Skill impeccable

Use o skill impeccable no Claude Code ou Codex quando o trabalho for revisão de design deste tipo. Adequação e limites abaixo são do próprio arquivo do skill.

Boa Combinação

O usuário quer projetar, redesenhar, moldar, criticar, auditar, aprimorar, esclarecer, destilar, fortalecer, otimizar, adaptar, animar, colorir, extrair ou de outra forma melhorar uma interface frontend
Designs sem graça que precisam se tornar mais marcantes ou mais encantadores
Designs exagerados que deveriam se tornar mais discretos
Iteração em tempo real no navegador sobre elementos de UI
Efeitos visuais ambiciosos que devem parecer tecnicamente extraordinários

Conheça os Limites

Tarefas somente de backend

O Que Fornecer

Arquivo ou rota de destinoPasse um arquivo de origem ou rota nomeada usando a flag --target com um argumento de caminho ao executar o script context.
PRODUCT.mdArquivo de contexto de produto durável carregado pelo launcher. Quando o launcher falhar, leia o arquivo existente diretamente sem inventar contexto ausente.
Goldens de regressão visual ou fixtures de screenshotQuando o app não puder ser executado, comece com goldens de regressão visual ou fixtures de screenshot já commitados.

03 Dentro da skill

Regras que o Skill impeccable Dá ao Claude Code e ao Codex

6 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

O Briefing Prevalece
Respeite estéticas fixadas, eras, materiais, fontes e paletas mesmo quando conflitarem com um aviso de padrão saturado. Redirecionar um briefing claro em direção ao seu próprio gosto é falha.
Refinamento Preserva; Redesign Substitui
O refinamento mantém a identidade vigente, o comportamento, os textos e tudo o que está fora do escopo.
Autoridade Visual É Evidência, Não um Nome de Arquivo
A ausência isolada de um DESIGN.md não torna um projeto greenfield. O playbook de trabalho novo decide se deve preservar, expandir ou substituir o mundo existente com base em evidência visual.
Verificar em Ciclos Limitados, Não em um Loop
O limite cobre todo o ciclo: capturas de tela, varreduras de defeitos, microedições e reconstruções.
Nunca Corrigir Drift como Efeito Colateral
Uma diretiva CONTEXT_STALE é reportada, não executada, a menos que o usuário peça explicitamente. A única exceção são as descobertas marcadas como auto, que a próxima escrita nesse arquivo realiza de todo modo.
Falha no Launcher Não Bloqueia o Trabalho
Em caso de recusa ou falha do script, envie uma mensagem separada e, então, leia diretamente o PRODUCT.md e o DESIGN.md existentes sem inventar contexto ausente.

04 Coloque em prática

Instale impeccable no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicionar impeccable ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal

npx skills add https://github.com/pbakaus/impeccable --skill impeccable

Forma genérica do CLI skills para plugin/skills/impeccable/SKILL.md; o repositório pode documentar seu próprio caminho.

Dar à Skill uma Primeira Tarefa de Revisão de Design

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

Starter prompt

Audit [src/components/SettingsPanel.tsx] for accessibility and responsive behavior, then polish the form layout and typeset the section headings to improve visual hierarchy. The panel should feel confident but scannable for users managing account preferences.

Fonte: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

Confirme com no máximo mais uma rodada e então pare de polir
Execute varreduras de defeitos como parte do ciclo de verificação limitado
Verifique o alvo e a atualidade em relação aos tokens, CSS, componentes ou assets atuais
Compare capturas de tema e variante ao trabalhar com sistemas de temas

No OpenDesign o impeccable já vem incluído: Plugins → Skills, selecione-o na barra superior.

Baixar OpenDesign Ler o quickstart

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author: Paul Bakaus
Repository: github.com/pbakaus/impeccable Branch main
Arquivo da skill: plugin/skills/impeccable/SKILL.md Checksum de conteúdo registrado na verificação; commit cb56ed6
License: Apache-2.0 De LICENSE; SKILL.md diz "Apache 2.0".
Estrelas do repositório: 67.876 Snapshot do GitHub capturado em 14/09/2026 para todo o repositório pbakaus/impeccable. Não é uma avaliação ou contagem de uso de impeccable.
Verificado pelo OpenDesign: 2026-09-14 Arquivo fonte, caminho, texto de licença e contagem de estrelas foram verificados. Incluído no OpenDesign main (verificado em 2026-08-28); uma execução real não foi registrada nesta página.

Dentro do SKILL.md

ConfiguraçãoExecute o script de contexto uma vez por sessão, carregue o playbook, leia o craft floor antes de editar
Como projetarO briefing prevalece, o refinamento preserva a identidade enquanto o redesign a substitui, autoridade visual é evidência, não nome de arquivo
ModosPersuade para landing pages, Operate para dashboards, Read para documentação, Experience para portfólios
ComandosMais de vinte comandos organizados nas categorias Build, Evaluate, Refine, Enhance, Fix e Iterate, com arquivos de referência

A Descrição da Própria Skill

Use quando o usuário quiser projetar, reprojetar, modelar, criticar, auditar, polir, clarificar, destilar, reforçar, otimizar, adaptar, animar, colorir, extrair ou de outra forma melhorar uma interface frontend. Cobre websites, landing pages, dashboards, UI de produto, shells de aplicativo, componentes, formulários, configurações, onboarding e estados vazios. Trata de revisão de UX, hierarquia visual, arquitetura da informação, carga cognitiva, acessibilidade, desempenho, comportamento responsivo, temas, antipadrões, tipografia, fontes, espaçamento, layout, alinhamento, cor, movimento, microinterações, copy de UX, estados de erro, casos extremos, i18n e sistemas de design ou tokens reutilizáveis. Use também para designs sem graça que precisam se tornar mais ousados ou agradáveis, designs chamativos que devem se tornar mais discretos, iteração ao vivo no navegador em elementos de UI ou efeitos visuais ambiciosos que devem parecer tecnicamente extraordinários. Não é para tarefas apenas de backend ou não relacionadas a UI.

Descrição do front-matter de SKILL.md. O arquivo completo tem cerca de 11.912 caracteres. Leia o arquivo completo no GitHub.

06 Antes de instalar

Perguntas Sobre a Skill impeccable

As respostas vêm do SKILL.md conforme lido em 2026-09-14, e não de uma execução registrada.

Qual comando devo usar para minha solicitação?

Se nenhum argumento for informado, leia routing.md e apresente seu menu sensível ao contexto; nunca execute um comando automaticamente. Para solicitações explícitas ou claramente implícitas, carregue a referência da tabela de Comandos.

Para perguntas sobre workflow ou seleção de comandos, leia a seção Workflow questions em routing.md. Caso contrário, trate a solicitação como trabalho de design geral.

Impeccable

Execute impeccable em uma Tarefa de Revisão de Design Real.

A skill impeccable vem dentro do OpenDesign. Baixe o aplicativo, escolha a skill em Plugins → Skills, cole o prompt acima e leia o plano antes do resultado.

Baixar OpenDesign Ver todas as skills