responsive-styling
✓Genere automáticamente CSS/SCSS responsivo para dispositivos móviles al crear estilos de componentes o mencionar diseño responsivo. Implementa puntos de interrupción estándar (768 px, 1024 px), garantiza el contraste de color WCAG AA, crea interfaces táctiles (objetivos mínimos de 44 px), agrega indicadores de enfoque adecuados, admite movimiento reducido, escala la tipografía de manera receptiva y proporciona especificaciones técnicas detalladas con valores exactos.
Instalación
SKILL.md
Purpose Generate mobile-first, responsive CSS/SCSS that works across all devices and follows accessibility best practices.
Mobile-First Approach Always write base styles for mobile, then enhance for larger screens:
❌ Desktop-first (using max-width) ❌ Magic numbers (random breakpoints) ❌ Forgetting touch targets ❌ Fixed pixel widths that don't scale ❌ Tiny text on mobile (<16px) ❌ Horizontal scrolling ❌ Ignoring landscape mobile ❌ Breaking at intermediate sizes
Genere automáticamente CSS/SCSS responsivo para dispositivos móviles al crear estilos de componentes o mencionar diseño responsivo. Implementa puntos de interrupción estándar (768 px, 1024 px), garantiza el contraste de color WCAG AA, crea interfaces táctiles (objetivos mínimos de 44 px), agrega indicadores de enfoque adecuados, admite movimiento reducido, escala la tipografía de manera receptiva y proporciona especificaciones técnicas detalladas con valores exactos. Fuente: kanopi/cms-cultivator.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/kanopi/cms-cultivator --skill responsive-styling- Fuente
- kanopi/cms-cultivator
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es responsive-styling?
Genere automáticamente CSS/SCSS responsivo para dispositivos móviles al crear estilos de componentes o mencionar diseño responsivo. Implementa puntos de interrupción estándar (768 px, 1024 px), garantiza el contraste de color WCAG AA, crea interfaces táctiles (objetivos mínimos de 44 px), agrega indicadores de enfoque adecuados, admite movimiento reducido, escala la tipografía de manera receptiva y proporciona especificaciones técnicas detalladas con valores exactos. Fuente: kanopi/cms-cultivator.
¿Cómo instalo responsive-styling?
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/kanopi/cms-cultivator --skill responsive-styling 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/kanopi/cms-cultivator
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01