ux-spacing-layout
✓Fichas de espaciado fluido y patrones de diseño de Utopia. Úselo al aplicar márgenes, relleno, espacios o crear diseños. Cubre la escala del espacio, el ancho de los contenedores y el espaciado sensible. (proyecto)
Instalación
SKILL.md
Fluid spacing system using Utopia scale with container query inline (cqi) units. This skill covers spacing tokens, layout patterns, and visual rhythm.
The project uses Utopia fluid spacing with cqi units. Sizes interpolate based on container width.
IMPORTANT: cqi units require container-type: inline-size on an ancestor.
Fichas de espaciado fluido y patrones de diseño de Utopia. Úselo al aplicar márgenes, relleno, espacios o crear diseños. Cubre la escala del espacio, el ancho de los contenedores y el espaciado sensible. (proyecto) Fuente: matthewharwood/fantasy-phonics.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-spacing-layout- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ux-spacing-layout?
Fichas de espaciado fluido y patrones de diseño de Utopia. Úselo al aplicar márgenes, relleno, espacios o crear diseños. Cubre la escala del espacio, el ancho de los contenedores y el espaciado sensible. (proyecto) Fuente: matthewharwood/fantasy-phonics.
¿Cómo instalo ux-spacing-layout?
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/matthewharwood/fantasy-phonics --skill ux-spacing-layout 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/matthewharwood/fantasy-phonics
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01