Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Unocss skill
Ensina o agente a configurar o UnoCSS, motor de CSS atômico compatível com Tailwind: regras, atalhos e presets
- instalações
- 16 mil
- estrelas no GitHub
- 6.010
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 23 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind,…
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 Unocss 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 Unocss, 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 unocssR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/antfu/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 corredorGitHub
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 Google Labs
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 Expo
expo-
O Claude decide primeiro se vale animar e depois escreve a animação do jeito que não engasga, nem em Android de três anos atrás.OficialAuditada15,4 mil instalações, grátisanimation saadeghi
daisyui
O Claude monta páginas e telas com os componentes prontos do daisyUI, usando as classes e as cores de tema do jeito certo.Auditada12,1 mil instalações, grátisreferodesign
refero-
O Claude estuda produtos de verdade antes de desenhar e entrega uma tela com direção própria, longe da cara genérica de IA.11,9 mil instalações, grátisdesign superdesigndev
superdesign
O Claude desenha versões da tela, do slide ou do post num canvas online, no estilo do seu projeto, pra você comparar, escolher e ajustar.11,2 mil instalações, grátis
Mais da loja antfu
Ver a loja antfuantfu
vite
O Claude mexe no seu projeto Vite com a documentação da versão 8 na mão, incluindo o que mudou com a chegada do Rolldown.Auditada39,9 mil instalações, grátisvue
Os componentes Vue saem no padrão atual da versão 3.5, com props, eventos e v-model tipados e a reatividade certa pra cada caso.Auditada35,8 mil instalações, grátisnuxt
O Claude escreve e corrige seu app em Nuxt 5 já no padrão novo: pasta app/, Nitro v3, rotas tipadas e Vite 8.Auditada24,1 mil instalações, grátispnpm
O Claude mexe no pnpm do seu projeto sem misturar configuração antiga: pnpm-workspace.yaml, catálogos, patches e lockfile travado no CI.Auditada22,3 mil instalações, grátisvueuse-
Aplica composables do VueUse para criar recursos em Vue.js e Nuxt mais enxutosAuditada21,4 mil instalações, grátisfunctions pinia
Ensina o agente a gerenciar estado em Vue com Pinia: stores, getters, actions e TypeScriptAuditada19,7 mil instalações, grátisvue-
Ensina boas práticas de Vue Router 4: guardas de navegação, parâmetros de rota e ciclo de vidaAuditada18,8 mil instalações, grátisrouter- best- practices vue-
Ensina boas práticas de teste em Vue.js com Vitest, Vue Test Utils, mocks e Playwright pra E2EAuditada17,2 mil instalações, grátistesting- best- practices antfu
O Claude monta e organiza seu projeto JavaScript ou TypeScript do jeito de Anthony Fu, com checagem automática antes de cada commit.Auditada16,9 mil instalações, grátisslidev
O Claude monta sua apresentação em Markdown com o Slidev: código destacado, animações, diagramas, notas do apresentador e exportação pra PDF ou PPTX.Auditada13,8 mil instalações, grátisvitepress
Cria sites de documentação com o VitePress, que gera site estático a partir de Markdown e VueAuditada11,8 mil instalações, grátisnitro
Ensina o agente a usar o Nitro, o toolkit de servidor por trás do Nuxt, para criar e publicar servidores webAuditada2.600 instalações, grátis