Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Impeccable skill
Você pede uma landing page, um painel ou um ajuste e recebe a tela pronta, com ponto de vista de design e conferida nos tamanhos de tela em que vai ao ar.
- instalações
- 360,7 mil
- estrelas no GitHub
- 87,9 mil
- No skills.sh desde
- abril de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 25 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
O impeccable põe o Claude pra trabalhar como diretor de design: código pronto pra produção, ponto de vista claro e acabamento. Antes de mexer, ele carrega o contexto do produto e do design do projeto (os arquivos PRODUCT.md e DESIGN.md) e olha como a tela está hoje.
Ele separa a tela pelo que o visitante precisa: ser convencido (landing page, preço, campanha), operar (painel, app, configurações), ler (guia, artigo, documentação) ou ver uma obra (portfólio, galeria). Landing page ganha ousadia; painel ganha precisão e os padrões que a pessoa já conhece.
São mais de 20 comandos: shape planeja antes de codar, critique e audit avaliam, polish dá o acabamento final, bolder e quieter sobem ou baixam o tom, animate, colorize e typeset cuidam de movimento, cor e tipografia, e clarify reescreve botão e mensagem de erro.
Nas palavras de quem fez
Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites,…
Quando usar
- Criar uma landing page nova com cara própria
- Dar a última passada numa tela antes de publicar
- Avaliar um site que está sem graça ou chamativo demais
- Adaptar uma tela pro celular ou desenhar telas de app pra iPhone e Android
- Registrar as cores, fontes e componentes do projeto num DESIGN.md
Depois de instalar, é só pedir assim
- /impeccable critique na minha página de vendas e me diz o que está atrapalhando
- Faz uma landing page pro meu curso de confeitaria usando o impeccable
- /impeccable polish no painel de clientes antes de eu publicar
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketAlerta
- SnykPassou
Perguntas
Como instalar a Impeccable no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Impeccable, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Precisa instalar algum programa?
Não. O programinha que lê o contexto do projeto vem junto com a skill ou é baixado sozinho na primeira vez, sem precisar de Node nem de outra ferramenta. Se ele falhar, o Claude lê os arquivos do projeto direto. Não pede chave de API nem conta paga.
Roda no Codex e no Antigravity?
Roda. O repositório traz a skill pronta pra uns 20 agentes e tem instruções de instalação pro Codex e pro Antigravity.
Ela mexe no texto da minha página?
Num ajuste, ela mantém a identidade, o comportamento e o texto do que já existe, e pergunta antes de trocar informação ou acrescentar promessa. Num redesenho, troca o visual mas preserva conteúdo e função. Backend fica de fora.
Levar essa skill
1x impeccableR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/pbakaus/impeccable
Aprenda a usar
- Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.
- Landing page: o que é, exemplos e quanto custa
Landing page é uma página só, com uma oferta e um botão. Veja exemplos reais, as 6 dobras que vendem no WhatsApp, a diferença pra site e como criar com IA.
Na mesma prateleira
Ver as 1.414 skills do corredornextlevelbuilder
ui-
O Claude escolhe estilo, cores e fontes pelo tipo do seu produto e monta a tela seguindo regras de acessibilidade e de uso no celular.Auditada414,9 mil instalações, grátisux- pro- max leonxlnx
gpt-
Landing page sem cara de feita por IA: título em até três linhas, grade sem buraco, seções que se mexem no scroll e chamada forte pra compra no fim.Auditada399,5 mil instalações, grátistaste industrial-
Telas com cara de manual técnico ou terminal militar: título gigante, dados em fonte mono, grade aparente e uma cor de destaque só.Auditada396,9 mil instalações, grátisbrutalist- ui brandkit
Uma imagem com a marca inteira, como num estudo de identidade: logo com significado, paleta, tipografia, mockups e frase de marca.Auditada390,7 mil instalações, grátisemilkowalski
review-
Cada animação do seu site passa por dez critérios e sai numa tabela de antes e depois, com veredito claro: aprova ou barra.Auditada256 mil instalações, grátisanimations apple-
Gaveta, carrossel e botão que respondem no toque, seguem o dedo e podem ser pegos no meio do movimento, como num iPhone.Auditada244 mil instalações, grátisdesign animation-
Viu um efeito num site e não sabe como chama? Descreve do seu jeito e recebe o termo exato pra pedir certo à IA.Auditada238,6 mil instalações, grátisvocabulary improve-
Você descobre quais animações deixam o site lento ou estranho e recebe um plano de correção tão detalhado que até um modelo mais barato executa.Auditada223,6 mil instalações, grátisanimations
Mais da loja pbakaus
Ver a loja pbakauspbakaus
polish
Faz o acabamento final da interface: alinhamento, espaçamento, consistência e detalhesAuditada85,2 mil instalações, grátiscritique
Avalia um design pela ótica de UX: hierarquia visual, arquitetura da informação e carga cognitiva82,6 mil instalações, grátisaudit
Audita acessibilidade, performance, temas e responsividade e entrega relatório por prioridadeAuditada81,9 mil instalações, grátisadapt
Adapta designs a outros tamanhos de tela, dispositivos e plataformas, com breakpoints e toqueAuditada81,7 mil instalações, grátisanimate
Acrescenta animações e microinterações com propósito a uma tela para melhorar a usabilidadeAuditada81,7 mil instalações, grátisclarify
Melhora textos confusos de interface: mensagens de erro, rótulos, botões e instruçõesAuditada81,2 mil instalações, grátisoptimize
Acha e corrige lentidão na interface: carregamento, renderização, animações, imagens e bundleAuditada81,1 mil instalações, grátiscolorize
Põe cor com critério em interfaces monocromáticas, mantendo hierarquia e acessibilidadeAuditada80,9 mil instalações, grátisbolder
Deixa designs seguros demais mais ousados, com impacto visual sem perder a usabilidadeAuditada80 mil instalações, grátisdelight
Acrescenta personalidade e pequenos momentos de encanto que deixam a interface memorávelAuditada79,8 mil instalações, grátisdistill
Simplifica designs tirando a complexidade desnecessária e deixando só o essencialAuditada79,5 mil instalações, grátisquieter
Suaviza designs agressivos ou carregados demais, baixando a intensidade sem perder a qualidadeAuditada78,7 mil instalações, grátis