Generate Spacing Scale
ui_generate_spacing_scaleGenerate a consistent spacing scale for layout and components using linear, geometric, or fibonacci growth. Choose a 4 or 8px base unit for named steps, px/rem values, and CSS custom properties.
Instructions
Generate a consistent spacing scale for layout and component spacing.
Supports multiple generation strategies: linear (equal steps), geometric (exponential growth), and fibonacci (golden ratio progression).
Args:
base_unit (number, optional): Base unit in px — 4 or 8. Default: 8
strategy (string, optional): Generation strategy — 'linear', 'geometric', 'fibonacci'. Default: 'geometric'
response_format (string, optional): 'markdown' or 'json'. Default: 'markdown'
Returns: Spacing scale with named steps (0 to 3xl), px/rem values, usage guidance, and CSS custom properties.
Examples:
8px geometric scale (most common): base_unit=8, strategy="geometric"
4px fibonacci scale for fine control: base_unit=4, strategy="fibonacci"
8px linear scale: base_unit=8, strategy="linear"
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| strategy | No | Scale generation strategy | geometric |
| base_unit | No | Base unit in px (4 or 8) | |
| response_format | No | Output format | markdown |