Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Ckm UI Styling skill
Cria interfaces acessíveis com shadcn/ui (Radix e Tailwind), Tailwind CSS e estilos em canvas
- instalações
- 32,4 mil
- estrelas no GitHub
- 140,4 mil
- No skills.sh desde
- março de 2026
- Licença
- MIT
Atualizada no GitHub em 23 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.
Nas palavras de quem fez
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based…
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 HubAinda não auditada
- SocketAinda não auditada
- SnykAinda não auditada
Perguntas
Como instalar a Ckm UI Styling 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 Ckm UI Styling, 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 ckm:ui-stylingR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/nextlevelbuilder/ui-ux-pro-max-skill
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 corredorGoogle 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 shadcn-
O Claude escolhe, instala e ajusta os componentes do shadcn/ui no seu projeto, com as cores da sua marca, modo escuro e acessibilidade.OficialAuditada53,4 mil instalações, grátisui alchaincyf
huashu-
Protótipo, apresentação ou vídeo em HTML com cara de estúdio de design, partindo de três caminhos visuais que você escolhe antes de tudo.50,3 mil instalações, grátisdesign nextlevelbuilder
ckm:
O Claude cuida da parte visual do negócio: logo, papelaria da marca, banners no tamanho de cada rede, ícones, apresentações e posts.32,5 mil instalações, grátisdesign GitHub
excalidraw-
O Claude transforma uma descrição em português num arquivo .excalidraw com caixas, setas e cores, pronto pra abrir e ajustar no Excalidraw.OficialAuditada31,7 mil instalações, grátisdiagram- generator stitch-
Você descreve a tela do seu jeito e o Claude pede ao Stitch uma versão caprichada, coerente com o resto do projeto, e baixa o HTML e a imagem.Oficial25,1 mil instalações, grátisdesign ibelick
baseline-
As telas que o Claude faz saem limpas e consistentes, sem gradiente roxo, brilho e animação sobrando, e cada problema achado na revisão vem com a correção.Auditada24,2 mil instalações, grátisui taste-
Um DESIGN.md com regras exatas de cor, fonte e layout pro Google Stitch gerar telas que não parecem feitas por IA.OficialAuditada20,2 mil instalações, grátisdesign
Mais da loja nextlevelbuilder
Ver a loja nextlevelbuilderui-
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 design-
Monta a arquitetura de tokens, as especificações de componentes e os slides de um design systemAuditada42,5 mil instalações, grátissystem design
Reúne identidade de marca, tokens, estilo de UI, logos (55 estilos), slides, banners e ícones numa só skillAuditada41,2 mil instalações, grátisui-
Cria interfaces bonitas e acessíveis com shadcn/ui, Radix UI e Tailwind CSS, além de visuais em canvasAuditada40,6 mil instalações, grátisstyling brand
Define voz da marca, identidade visual, mensagens-chave e consistência dos materiais de marketingAuditada39,8 mil instalações, grátisbanner-
Cria banners para redes sociais, anúncios, heroes de site e impressão, com várias direções de arte39,4 mil instalações, grátisdesign slides
Cria apresentações HTML estratégicas com Chart.js, tokens de design, copy persuasiva e layouts responsivos38,7 mil instalações, grátisckm:
Monta um design system: tokens em três camadas, variáveis CSS, especificação de componentes e slides32,8 mil instalações, grátisdesign- system ckm:
Cria banners para redes sociais, anúncios, heros de site e impressão, com várias direções de arte32 mil instalações, grátisbanner- design ckm:
Define voz da marca, identidade visual, mensagens e consistência dos materiais de marketing32 mil instalações, grátisbrand ckm:
Cria apresentações HTML estratégicas com Chart.js, tokens de design, layouts responsivos e fórmulas de copy31,9 mil instalações, grátisslides