SkillsAdd

dylantarre/design-system-skills

spacing-scale

Generates consistent spacing tokens using base values and ratios. Use when creating margin/padding systems, gap tokens, or layout spacing. Outputs CSS custom…

First seen May 10, 2026

Installation

$ npx skills add https://github.com/dylantarre/design-system-skills
View on skills.sh ↗ GitHub repository ↗
Feature your product here Skill page unit · reach builders installing agent skills View pricing →

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

spacing-system Similar name
owl-listener/designer-skills

Create a spacing scale from a base unit with rules for when each step applies. Use when standar…

12 installs
apply-consistent-spacing Similar name
gnurio/refactoring-ui-plugin

Use systematic spacing with 25% minimum jumps, start with excess whitespace

139 installs
individual-spacing-algorithm-explainer Similar name
garethmanning/education-agent-skills

Explain and configure individual spacing algorithms using student performance data and forgetti…

109 installs

Also in this package

Other skills from dylantarre/design-system-skills · top by installs.

npx skills add https://github.com/dylantarre/design-system-skills
style-dictionary 31 getting-started 25 motion-scale 20 animation-principles 20 icon-system 19 z-index-scale 19 radius-scale 19 color-scale 19 responsive-typography 19 layout-primitives 19

Browse all from dylantarre/design-system-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 40
License LICENSE
Default branch main
Open issues 0
Status Active

History

  1. First seen on skills.sh
  2. First recorded snapshot · 18 installs