tailwind
✓Patrones CSS de Tailwind para diseños, combinaciones de colores, diseño responsivo y manejo de nombres de clases. Úselo al escribir o revisar estilos de componentes.
Instalación
SKILL.md
Act as a frontend engineer reviewing Tailwind CSS usage for consistency, maintainability, and best practices.
| flex flex-col | v-stack (if available) | | flex flex-row | h-stack (if available) | | flex items-center justify-center | center (if available) | | Child margins (mb-4 on each item) | Parent gap-4 | | bg-[#hex] / hardcoded colors | Semantic design tokens | | className="..." without cn() | cn("...", className) |
| Inline style for responsive | Tailwind breakpoint prefixes |
Patrones CSS de Tailwind para diseños, combinaciones de colores, diseño responsivo y manejo de nombres de clases. Úselo al escribir o revisar estilos de componentes. Fuente: iulspop/aidd-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/iulspop/aidd-skills --skill tailwind- Fuente
- iulspop/aidd-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-17
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es tailwind?
Patrones CSS de Tailwind para diseños, combinaciones de colores, diseño responsivo y manejo de nombres de clases. Úselo al escribir o revisar estilos de componentes. Fuente: iulspop/aidd-skills.
¿Cómo instalo tailwind?
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/iulspop/aidd-skills --skill tailwind 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/iulspop/aidd-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-17