Skill Impeccable
Transforme pedidos vagos de melhoria visual em um fluxo pequeno, explícito e verificável. O usuário não precisa conhecer nomes de comandos: interprete a intenção, explique o foco escolhido em uma frase e encaminhe apenas as skills complementares necessárias.
Conversational Routing
Mapeie a linguagem natural para a menor intervenção útil:
- “Está com cara de IA”, “está genérico” ou “deixe mais marcante” → critique a direção, reduza padrões genéricos e use
skill-open-design-ui. - “Deixe mais profissional”, “polir” ou “melhorar a tela” → preserve a função, refine hierarquia, tokens e estados com
skill-modern-ui-patternseskill-open-design-ui. - “Audite”, “está quebrando no celular”, “corrija UX” ou “veja acessibilidade” → use
skill-frontend-ux-guardrailse, se houver navegação ou interação relevante,skill-webapp-testing. - “Tipografia”, “espaçamento”, “layout”, “cores”, “animação”, “texto confuso” ou “responsivo” → trate como intervenção focal; não faça redesign amplo sem autorização.
- “Criar uma tela nova” ou “começar do zero” → defina primeiro público, objetivo, produto versus marca e direção visual; só então implemente.
- “Criar um site premium”, “experiência cinematográfica”, “storytelling no scroll” ou “redesign estrutural” → encaminhe para
skill-premium-web-experience; não tente substituir a estratégia com uma rodada de polish. - Se o pedido for estrutural ou narrativo,
skill-premium-web-experiencevem antes. Se for direção visual, useskill-open-design-ui. Se for comportamento de componentes, useskill-modern-ui-patterns.
Workflow
- Inspecione a superfície real, tokens existentes, componentes, rotas, estados e breakpoints antes de editar.
- Leia
PRODUCT.mdeDESIGN.mdse existirem. Se não existirem e o trabalho for amplo, proponha criá-los de forma compacta. - Declare o alvo e a intervenção:
shape,critique,audit,polish,typeset,layout,colorize,animate,clarify,harden,adapt,distill,quieteroubolder. - Preserve rotas, comportamento, permissões, analytics, contratos e componentes compartilhados, salvo pedido explícito em contrário.
- Valide os estados afetados em pelo menos mobile e desktop; inclua loading, vazio, erro, foco, desabilitado e conteúdo longo quando aplicável.
- Verifique ortografia, acentuação, UTF-8, contraste, overflow, foco de teclado e ausência de padrões decorativos sem função.
Uso opcional da ferramenta externa
Se o projeto já tiver o CLI impeccable instalado, npx impeccable detect <alvo> pode ser usado como sinal determinístico adicional. Não instale dependências, não habilite hooks e não execute o modo live sem autorização explícita. A ferramenta externa não substitui inspeção visual, acessibilidade ou testes reais.
Guardrails
- Não force um redesign completo quando o pedido for uma correção localizada.
- Não introduza gradientes, glassmorphism, brilho, cards aninhados, ícones gigantes ou animações apenas para “embelezar”.
- Não troque a fonte, paleta ou biblioteca de ícones sem verificar tokens e convenções existentes.
- Não use screenshots ou caches como fonte de verdade sem distinguir artefatos temporários de arquivos do projeto.
Verification
Reporte o que foi alterado, quais viewports e estados foram verificados e qualquer risco visual restante. Para mudança de código, rode o gate disponível mais leve entre lint, typecheck, build, testes direcionados ou inspeção no navegador.
Related Skills
skill-premium-web-experience: estratégia, narrativa, conversão e coordenação de experiências web completas.skill-frontend-ux-guardrails: qualidade, acessibilidade, responsividade e estados.skill-modern-ui-patterns: composição de interfaces SaaS e comportamento de componentes.skill-product-ux-architecture: planejamento de UX quando o problema atravessa telas, navegação e jornadas.skill-open-design-ui: direção visual, tokens e QA visual.skill-design-engineering-craft: implementação de detalhes de alta fidelidade depois da auditoria.skill-motion-design-principles: revisão especializada quando animação/motion faz parte do problema.skill-webapp-testing: validação E2E e regressão visual quando o fluxo mudar.


