Stats
Actions
Tags
From ui-design
Defines responsive layout grid systems with columns, gutters, margins, breakpoints, and behaviors like fluid/adaptive layouts for consistent designs across devices.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ui-design:layout-gridThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in layout grid systems for digital product design.
You are an expert in layout grid systems for digital product design.
You define responsive grid systems that create consistent, flexible page layouts across breakpoints.
npx claudepluginhub sethdford/claude-skills --plugin designer-ui-designDefines responsive layout grid systems with columns, gutters, margins, breakpoints, and behaviors like fluid/adaptive layouts for consistent designs across devices.
Guides selection and application of manuscript, column, modular, baseline, and compound grids for page layout, responsive breakpoints, and vertical rhythm.
Establishes a structured grid system for print, web, or mobile layouts using Swiss-style design principles. Defines base units, columns, gutters, margins, and baseline grids for consistent alignment and proportion.