Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Colorize skill
Põe cor com critério em interfaces monocromáticas, mantendo hierarquia e acessibilidade
- instalações
- 80,9 mil
- estrelas no GitHub
- 87,9 mil
- No skills.sh desde
- março 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.
Nas palavras de quem fez
Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions…
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
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Colorize 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 Colorize, 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.
Levar essa skill
1x colorizeR$ 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.
Na mesma prateleira
Ver as 1.414 skills do corredorshadcn-ui
shadcn
O Claude monta formulários, painéis e chats com os componentes certos do shadcn/ui, nas cores e no estilo que o seu projeto já usa.123 mil instalações, grátisAnthropic
canvas-
Uma peça visual de uma página, pôster ou arte, com composição pensada e pouco texto, entregue em PNG ou PDF junto com a filosofia que a guiou.OficialAuditada122,2 mil instalações, grátisdesign brand-
O Claude deixa seus slides, documentos e páginas com a cara da Anthropic: as cores certas, Poppins nos títulos e Lora no texto.OficialAuditada109,9 mil instalações, grátisguidelines theme-
Você escolhe um tema num catálogo visual e o Claude aplica as mesmas cores e fontes em todo o material, cuidando do contraste e da leitura.OficialAuditada95,3 mil instalações, grátisfactory jakubkrehel
make-
O Claude acerta os detalhes que fazem uma tela parecer cara, como cantos, sombras, ícones, números e animações, e revisa o que já está pronto.Auditada73,3 mil instalações, grátisinterfaces- feel- better greensock
gsap-
Seu site ganha seções que se mexem conforme a pessoa rola, ficam presas na tela ou correm pro lado, com o código no padrão oficial do GSAP.Auditada72 mil instalações, grátisscrolltrigger wshobson
tailwind-
As cores, os cantos e os componentes do seu site ficam definidos num lugar só, e o Claude faz as telas novas sempre no mesmo padrão.Auditada70,4 mil instalações, grátisdesign- system Google Labs
design-
As telas que você já desenhou no Stitch viram um DESIGN.md que faz as próximas telas saírem com a mesma cara.Oficial64,7 mil instalações, grátismd
Mais da loja pbakaus
Ver a loja pbakauspbakaus
impeccable
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.360,7 mil instalações, grátispolish
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á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