Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Improve UI skill
Audita uma interface existente pelo próprio design e escreve planos de correção prontos para outro agente
- instalações
- 7.900
- estrelas no GitHub
- 10,2 mil
- No skills.sh desde
- julho de 2026
- Licença
- MIT
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
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another…
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 Improve UI 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 Improve UI, 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 improve-uiR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/ibelick/ui-skills
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 corredorbahayonghang
drawio
Você pede o diagrama em português, o agente escreve a especificação em YAML e entrega o .drawio editável junto com a imagem pronta.8.500 instalações, grátiscoleam00
excalidraw-
O diagrama sai num arquivo do Excalidraw e mostra o raciocínio pela forma, com exemplos reais dentro, em vez de um monte de caixinhas com nome.8.500 instalações, grátisdiagram wondelai
ios-
O Claude desenha e revisa telas de app de iPhone e iPad do jeito que a Apple recomenda, com nota até 10 e o que falta pra chegar lá.Auditada8.200 instalações, grátishig- design secondsky
tailwind-
O Claude configura o Tailwind v4 com shadcn/ui na ordem certa e evita os erros conhecidos de cor, de tema e de build.Auditada8.100 instalações, grátisv4- shadcn miqdadbadjuber
antislop
O Claude constrói sites e telas sem os vícios de IA, como gradiente roxo, card repetido e número inventado, e entrega com um relatório de checagem.7.300 instalações, grátishuntabyte
shadcn-
O Claude monta formulários, painéis e janelas no Svelte com os componentes do shadcn-svelte, do jeito que a documentação manda.Auditada6.700 instalações, grátissvelte OpenAI
figma-
Você cola o link do Figma e o Claude escreve a tela no seu projeto igual ao desenho, reaproveitando os componentes que já existem.OficialAuditada6.700 instalações, grátisimplement- design magicpathai
magicpath
O Claude acha seus designs no MagicPath, instala no projeto e deixa funcionando de verdade, ou desenha telas novas direto no canvas.6.300 instalações, grátis
Mais da loja ibelick
Ver a loja ibelickibelick
fixing-
Audita e corrige problemas de desempenho de animação: layout thrashing, scroll e efeitos de blurAuditada26,8 mil instalações, grátismotion- performance 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 fixing-
Audita e corrige acessibilidade em HTML: rótulos ARIA, teclado, foco, contraste e erros de formulárioAuditada21,9 mil instalações, grátisaccessibility fixing-
Audita e corrige metadados de HTML: títulos, descriptions, canonical, Open Graph, Twitter cards e JSON-LDAuditada18,2 mil instalações, grátismetadata ui-
Escolhe o menor contexto útil de UI Skills pelo CLI ui-skills antes de qualquer trabalho de interface7.100 instalações, grátisskills- root create-
O Claude lê o código ou o site e registra num DESIGN.md as cores, fontes e regras visuais, pra toda tela nova sair no mesmo padrão.Auditada4.400 instalações, grátisdesign- md component-
Monta um canvas interativo em tela cheia pra explorar componentes de UI e variantes com pan e zoomAuditada671 instalações, grátiscanvas