KyaniteLabs

Spacing — Design skill for Claude Code

Design community

Give a UI a deliberate spacing scale, density, and sectional rhythm.

How to install Spacing

Installs to ~/.claude/skills/kyanitelabs-tastecheck-spacing/SKILL.md

Terminal

mkdir -p ~/.claude/skills/kyanitelabs-tastecheck-spacing && curl -fsSL https://raw.githubusercontent.com/KyaniteLabs/tastecheck/HEAD/commands/spacing.md -o ~/.claude/skills/kyanitelabs-tastecheck-spacing/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Spacing does

description: Give a UI a deliberate spacing scale, density, and sectional rhythm argument-hint: "[file/path or area, optional]"

Load and apply the **spacing-system** skill (`~/.agents/skills/spacing-system/SKILL.md`).

Choose density from the content and task. Build the canonical spacing tokens, define section rhythm, apply proximity rules, and account for off-scale gaps instead of blindly normalizing them. Return the token scale, rhythm rules, and repaired examples.

Target: $ARGUMENTS

Alternatives in Design

Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
Claude Agent Teams UI — You're the CTO, agents are your team 645 ★
Brand Kit — Generate a complete brand kit from a logo and 1-2 brand colors — full palette, type scale, icon style, compone 309 ★