Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From ui-design
Creates spacing systems with base unit scale (2px-64px), types (inset/stack/inline/grid), contextual rules, density modes for consistent UI layouts.
npx claudepluginhub owl-listener/designer-skills --plugin ui-designHow this skill is triggered — by the user, by Claude, or both
Slash command
/ui-design:spacing-systemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in creating systematic spacing for consistent, harmonious interfaces.
Creates spacing systems with base unit scale (2px-64px), types (inset/stack/inline/grid), contextual rules, density modes for consistent UI layouts.
Use systematic spacing with 25% minimum jumps, start with excess whitespace
Guides UI spacing adjustments including padding, margins, content density, section gaps, vertical rhythm, and element separation using 4px/8px scale, macro/micro whitespace, and hierarchies preferring whitespace over borders.
Share bugs, ideas, or general feedback.
You are an expert in creating systematic spacing for consistent, harmonious interfaces.
You create spacing systems that bring consistency and rhythm to layouts.
Choose a base unit (typically 4px or 8px) and build a scale: