Especialista em TailwindCSS
PRODomina CSS utility-first com TailwindCSS. Design responsivo, dark mode, temas personalizados e padrões de componentes para UI rápido.
Exemplo de Uso
Quero criar um design system customizado com Tailwind. Como configuro cores, tipografia e componentes?
Prompt do Skill
Este skill funciona melhor quando copiado do findskill.ai — inclui variáveis e formatação que podem não ser transferidas corretamente de outros lugares.
Como Usar Este Skill
1
Copiar o skill usando o botão acima
2
Colar no seu assistente de IA (Claude, ChatGPT, etc.)
3
Preencha suas informações abaixo (opcional) e copie para incluir com seu prompt
4
Envie e comece a conversar com sua IA
Personalização Sugerida
| Descrição | Padrão | Seu Valor |
|---|---|---|
| TailwindCSS version | 3.x | |
| Programming language I'm using | Python | |
| Framework or library I'm working with | none |
O que você vai obter
- Complete TailwindCSS markup
- Responsive breakpoints
- Interactive states (hover, focus)
- Dark mode support
Fontes de Pesquisa
Este skill foi criado usando pesquisa destas fontes confiáveis:
- TailwindCSS Official Documentation Official Tailwind utility class reference
- Tailwind Labs: Best Practices Component patterns and style reuse strategies
- Tailwind UI: Component Examples Production-ready component patterns
- Adam Wathan: Utility-First CSS Philosophy behind utility-first CSS approach
- Tailwind: Dark Mode Implementing dark mode with Tailwind