Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

ss-dial — Move One Design Axis

Turns "denser", "bolder", or "sharper corners" into exactly one step on one design axis, applied system-wide with guardrails and a quality re-gate.

Design & UIIntermediate★ 960⑂ 87AI score 8/10Last updated: Sep 18, 2026

What it does

  • Moves exactly one of seven axes by one step: Density, Hierarchy contrast, Radius, Elevation, Color (saturation/temperature), Font weight, Motion energy.
  • Each position ships a coordinated token set (e.g. airy = space-y-10 / p-8 / gap-8) that gets applied across every file using those tokens, not just the component in view.
  • Guardrails always beat the dial: 8px grid only, touch targets ≥ 44px, a single accent hue, no drop shadows in dark mode, shadow opacity ≤ 8%, sizes from the font-size table only.
  • Persists the new position into STYLESEED.md and re-runs /ss-score until ≥ 80; a dial that lowers the score gets fixed or reverted, never shipped.
  • Ramps clamp at the ends — if you're already at dense or sharp, it says so and stops.

Who it's for

  • Frontend / design-system owners already running the styleseed engine (STYLESEED.md, /ss-build, /ss-score).
  • Tailwind-based projects where ad-hoc "just a bit tighter" edits keep drifting the UI out of coherence.
  • Teams who prefer measurable axis positions over vibe-based restyling.

Examples

  1. /ss-dial density denser → comfortable → compact: rewrites space-y-6→4, p-6→4, gap-6→4 everywhere, but stops at the floor if a tap target would fall under 44px.
  2. /ss-dial radius sharper → swaps the entire radius mapping table (controls / cards / inner panels) to sharp, preventing the banned "sharp cards + pill buttons" mix.
  3. /ss-dial color more-muted → drops accent HSL saturation 10–15% and re-derives the 10–14% alpha tints for light and dark, without ever introducing a second hue.

Note: mood words ("more premium", "more editorial") are multi-axis combinations — those route to /ss-restyle.

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/bitjaru/styleseed/HEAD/engine/.claude/skills/ss-dial/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the engine/.claude/skills/ss-dial folder from the GitHub repo bitjaru/styleseed into my ~/.claude/skills/ss-dial/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/bitjaru/styleseed.git && mkdir -p ~/.claude/skills && cp -r styleseed/engine/.claude/skills/ss-dial ~/.claude/skills/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal in your working directory.
  2. Clone the repo: git clone https://github.com/bitjaru/styleseed.git
  3. Create the skills folder: mkdir -p ~/.claude/skills
  4. Copy just this skill: cp -r styleseed/engine/.claude/skills/ss-dial ~/.claude/skills/
    • Because it depends on /ss-build, /ss-score and /ss-restyle, copying the whole set is recommended: cp -r styleseed/engine/.claude/skills/* ~/.claude/skills/
  5. Restart Claude Code and confirm /ss-dial appears in the skill list.
  6. If your project has no STYLESEED.md lock yet, run /ss-setup or /ss-build first.
  7. Invoke it as "axis + direction", e.g. /ss-dial elevation flatter.
View source on GitHub ↗License: MIT