skills.homes logoskills.homescapability registry
home/categories/frontend/matthewharwood-engmanager-xyz-claude-skills-utopia-grid-layout-skill-md
cd ..
frontenddevelopment

utopia-grid-layout

CSS Grid, Flexbox, and Subgrid using Utopia.fyi fluid spacing for gaps and gutters. Use when creating two-dimensional grid layouts, one-dimensional flex layouts, nested subgrids, or implementing the Utopian declarative grid system. Combines layout primitives with fluid space scales for proportional, responsive layouts without breakpoints.

Ver código fuentefrontend
matthewharwood
maintainer
matthewharwood
Actualizado 12/14/2025
Estrellas
2
Forks
0
quick start

Installation and usage

CSS Grid, Flexbox, and Subgrid using Utopia.fyi fluid spacing for gaps and gutters. Use when creating two-dimensional grid layouts, one-dimensional flex layouts, nested subgrids, or implementing the Utopian declarative grid system. Combines layout primitives with fluid space scales for proportional, responsive layouts without breakpoints.

Instalación
$ install --globalskills.sh
Uso

Después de instalarlo, puedes usar este skill ejecutando el siguiente comando en tu terminal:

skills use utopia-grid-layout