designing-layouts
✓Diseña sistemas de diseño e interfaces responsivas, incluidos sistemas de cuadrícula, patrones de flexbox, diseños de barras laterales y puntos de interrupción responsivos. Úselo al estructurar diseños de aplicaciones, crear diseños responsivos o crear estructuras de páginas complejas.
Instalación
SKILL.md
This skill provides comprehensive guidance for creating responsive layout systems using modern CSS techniques. It covers grid systems, flexbox patterns, container queries, spacing systems, and mobile-first design strategies to build flexible, accessible interfaces that adapt seamlessly across devices.
For structured, two-dimensional layouts, use CSS Grid with design tokens.
For complex grid layouts and advanced patterns, see references/layout-patterns.md.
Diseña sistemas de diseño e interfaces responsivas, incluidos sistemas de cuadrícula, patrones de flexbox, diseños de barras laterales y puntos de interrupción responsivos. Úselo al estructurar diseños de aplicaciones, crear diseños responsivos o crear estructuras de páginas complejas. Fuente: ancoleman/ai-design-components.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/ancoleman/ai-design-components --skill designing-layouts- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es designing-layouts?
Diseña sistemas de diseño e interfaces responsivas, incluidos sistemas de cuadrícula, patrones de flexbox, diseños de barras laterales y puntos de interrupción responsivos. Úselo al estructurar diseños de aplicaciones, crear diseños responsivos o crear estructuras de páginas complejas. Fuente: ancoleman/ai-design-components.
¿Cómo instalo designing-layouts?
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/ancoleman/ai-design-components --skill designing-layouts 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/ancoleman/ai-design-components
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01