Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Tailwind V4 skill
Ensina a escrever Tailwind CSS v4 e a achar sintaxe da v3 que não deveria mais aparecer
- instalações
- 103
- estrelas no GitHub
- 29,1 mil
- No skills.sh desde
- julho de 2026
- Licença
- Própria
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no GitHub.
Nas palavras de quem fez
Tailwind CSS v4 usage guide and v3-to-v4 differences. This skill should be used when writing, reviewing, or refactoring any Tailwind CSS code in this repo.
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 Tailwind V4 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 Tailwind V4, 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 tailwind-v4R$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mastra-ai/mastra
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 corredorwearescientist
awesome-
O Claude escolhe o estilo de uma marca grande que combina com o seu produto e redesenha as telas com as cores, fontes e espaçamentos dela.Auditada658 instalações, grátisdesign- md prowler-cloud
tailwind-
O Claude estiliza seus componentes com as classes do Tailwind e do tema, sem cor solta no meio do código, e o visual fica fácil de manter.Auditada612 instalações, grátis4 dominikmartn
nothing-
O Claude desenha telas e painéis monocromáticos, guiados pela tipografia, com modo claro e escuro caprichados e nenhum enfeite sobrando.Auditada596 instalações, grátisdesign 199-biotechnologies
motion-
O Claude anima seu site com o Motion, sucessor do Framer Motion: entradas suaves, efeitos na rolagem e botões que respondem ao toque, sem travar.Auditada593 instalações, grátisdev- animations martinholovsky
webgl
O Claude escreve shaders e efeitos 3D no navegador que não derrubam a página: tratam a perda do contexto, limitam memória e têm plano B sem WebGL.Auditada555 instalações, grátismanutej
figma-
O Claude escreve plugins que fazem no Figma o trabalho repetitivo: montar o design system, criar variações de botão, exportar todas as telas em 1x e 2x.Auditada542 instalações, grátisdesign albermonte
material-
O Claude desenha ou revisa telas de app Android no Material 3 Expressive, com os tokens certos de cada componente e as checagens de acessibilidade.Auditada502 instalações, grátis3- expressive Vercel Labs
emil-
Telas que respondem do jeito certo: botão que reage ao clique, menu que abre rápido e animação só onde ela ajuda.OficialAuditada358 instalações, grátisdesign- eng
Mais da loja Mastra
Ver a loja MastraMastra
mastra
O Claude monta agentes e workflows no Mastra consultando a documentação da versão instalada, em vez de chutar uma API que já mudou.Oficial82,8 mil instalações, grátismastra-
Opera e supervisiona o Mastra Factory pela CLI: conexão, status, filas e projetosOficial4.500 instalações, grátisfactory react-
Aplica 27 regras de desempenho e qualidade ao escrever ou revisar código ReactOficialAuditada2.800 instalações, grátisbest- practices ralph-
Planeja, em conversa interativa, comandos ralph-loop focados e bem estruturadosOficialAuditada2.600 instalações, grátisplan e2e-
Orienta testes E2E ao mexer no playground-ui e no playground do Mastra: componentes React e interfaceOficialAuditada2.500 instalações, grátistests- studio smoke-
Cria um projeto Mastra com create-mastra e faz um teste de fumaça do studio no Chrome via Chrome MCPOficialAuditada2.500 instalações, grátistest tailwind-
O Claude estiliza as telas do Playground do Mastra só com os componentes e tokens do design system, sem inventar cor, tamanho ou componente novo.OficialAuditada2.000 instalações, grátisbest- practices mastra-
Dá as regras pra escrever, editar e revisar a documentação, as barras laterais e redirecionamentos do MastraOficialAuditada158 instalações, grátisdocs mastra-
Resume as convenções do Mastra: agentes ou workflows, configuração TypeScript e estrutura do projetoOficialAuditada87 instalações, grátisbest- practices mastra-
Consulta as assinaturas atuais de API nos pacotes instalados do Mastra, direto das docs embutidasOficialAuditada65 instalações, grátisembedded- docs- look- up mastra-
Faz smoke tests de projetos Mastra, local ou em staging e produção: Studio, agentes, ferramentas e workflowsOficial61 instalações, grátissmoke- test pr-
Cria uma página HTML autônoma que explica um pull request: o que mudou, por quê e como foi verificadoOficialAuditada52 instalações, grátisexplainer