tailwind-best-practices
✓Patrones y convenciones de Tailwind CSS. Úselo al escribir diseños responsivos, implementar el modo oscuro, crear estilos de componentes reutilizables o configurar Tailwind. Activadores de tareas que involucran clases de Tailwind, diseño responsivo, modo oscuro o estilo CSS.
Instalación
SKILL.md
Comprehensive patterns for building consistent, maintainable interfaces with Tailwind CSS v4. Contains 26+ rules covering responsive design, dark mode, component patterns, and configuration best practices.
| 1 | Responsive Design | CRITICAL | resp- | | 2 | Dark Mode | CRITICAL | dark- | | 3 | Component Patterns | HIGH | comp- | | 4 | Custom Configuration | HIGH | config- | | 5 | Spacing & Typography | MEDIUM | space- | | 6 | Animation | MEDIUM | anim- | | 7 | Performance | LOW | perf- |
Read individual rule files for detailed explanations and code examples:
Patrones y convenciones de Tailwind CSS. Úselo al escribir diseños responsivos, implementar el modo oscuro, crear estilos de componentes reutilizables o configurar Tailwind. Activadores de tareas que involucran clases de Tailwind, diseño responsivo, modo oscuro o estilo CSS. Fuente: asyrafhussin/agent-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es tailwind-best-practices?
Patrones y convenciones de Tailwind CSS. Úselo al escribir diseños responsivos, implementar el modo oscuro, crear estilos de componentes reutilizables o configurar Tailwind. Activadores de tareas que involucran clases de Tailwind, diseño responsivo, modo oscuro o estilo CSS. Fuente: asyrafhussin/agent-skills.
¿Cómo instalo tailwind-best-practices?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/asyrafhussin/agent-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01