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.

स्रोत देखेंfrontend
matthewharwood
maintainer
matthewharwood
अपडेट किया गया 12/14/2025
स्टार
2
फोर्क
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.

इंस्टॉलेशन
$ install --globalskills.sh
उपयोग

इंस्टॉल करने के बाद, आप टर्मिनल में यह कमांड चलाकर इस स्किल का उपयोग कर सकते हैं:

skills use utopia-grid-layout