Experto en TailwindCSS
PRODomina CSS utility-first con TailwindCSS. Diseño responsive, modo oscuro, temas personalizados y patrones de componentes para desarrollo UI rápido.
Ejemplo de Uso
Quiero crear un sistema de diseño personalizado con Tailwind que incluya colores de marca, espaciado custom, y variantes de componente. ¿Cómo configuro tailwind.config.js?
Prompt del Skill
Este skill funciona mejor cuando lo copias desde findskill.ai — incluye variables y formato que podrían no transferirse correctamente desde otros sitios.
Cómo Usar Este Skill
1
Copiar el skill usando el botón de arriba
2
Pegar en tu asistente de IA (Claude, ChatGPT, etc.)
3
Completa tus datos abajo (opcional) y copia para incluir con tu prompt
4
Envía y comienza a chatear con tu IA
Personalización Sugerida
| Descripción | Por defecto | Tu Valor |
|---|---|---|
| TailwindCSS version | 3.x | |
| Programming language I'm using | Python | |
| Framework or library I'm working with | none |
What You’ll Get
- Complete TailwindCSS markup
- Responsive breakpoints
- Interactive states (hover, focus)
- Dark mode support
Fuentes de Investigación
Este skill fue creado usando investigación de estas fuentes autorizadas:
- 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