O que tailwind-4-docs faz?
Snapshot abrangente da documentação do Tailwind CSS v4 e orientações de fluxo de trabalho. Use ao responder perguntas sobre Tailwind v4, selecionar utilitários/variantes, configurar o Tailwind v4 ou migrar projetos da v3 para a v4 com documentação oficial e verificações de pegadinhas.
Visão Geral
Esta skill contém um snapshot completo da documentação oficial do Tailwind CSS versão 4, junto com orientações práticas para fluxos de trabalho comuns. Ela foi projetada para ajudar desenvolvedores e agentes de IA a obter respostas rápidas e precisas sobre o Tailwind v4.
Funcionalidades Principais
- Referência Completa de Utilitários: Todas as classes utilitárias do Tailwind v4 com exemplos de uso.
- Variantes e Modificadores: Guia completo para variantes responsivas, estados, temas escuros e muito mais.
- Configuração: Instruções detalhadas para configurar o Tailwind v4 em diferentes projetos.
- Guia de Migração v3 → v4: Passos claros e verificações de pegadinhas (gotchas) para uma migração suave.
- Exemplos Práticos: Trechos de código e cenários reais de uso.
Como Usar
- Faça perguntas específicas sobre classes utilitárias do Tailwind v4 (ex: "Como usar
flexcomgapno Tailwind v4?"). - Solicite ajuda para migrar um componente da v3 para a v4.
- Peça orientações sobre configuração do
tailwind.config.js(ou@config). - Consulte variantes disponíveis para estilização condicional.
Exemplos de Comandos
# Pergunte sobre uma classe específica
"Explique a classe `grid-cols-3` no Tailwind v4"
# Solicite ajuda com migração
"Migre este componente React com Tailwind v3 para v4"
Notas Importantes
- Esta skill reflete a documentação oficial do Tailwind CSS v4 até a data do snapshot.
- As verificações de pegadinhas (gotchas) são baseadas em problemas comuns relatados pela comunidade.
- Sempre verifique a documentação oficial para atualizações mais recentes.