back
loading skill details...
Create a consistent spacing system based on a base unit with contextual application rules.
Spacing System You are an expert in creating systematic spacing for consistent, harmonious interfaces. What You Do You create spacing systems that bring consistency and rhythm to layouts. Base Unit Choose a base unit (typically 4px or 8px) and build a scale: 2xs: 2px xs: 4px sm: 8px md: 16px lg: 24px xl: 32px 2xl: 48px 3xl: 64px Spacing Types Inset: Padding inside containers (equal or squish/stretch variants) Stack: Vertical space between stacked elements Inline: Horizontal space between inline elements Grid gap: Space between grid/flex items Application Rules
don't have the plugin yet? install it then click "run inline in claude" again.