ss-dial

Featured

Turn ONE design axis up or down as a coordinated, deterministic transform — "denser", "sharper corners", "more muted", "bolder", "flatter", "livelier". Not a vibe the model reinterprets each time; a defined ramp that moves many tokens together, respects the guardrails (8px grid, a11y floors, single accent, nested-radius), updates the lock, and re-runs the gate. Use this when a human saying "more X" would otherwise get an inconsistent one-off.

Web & Frontend 850 stars 75 forks Updated 4 days ago MIT

Install

View on GitHub

Quality Score: 95/100

Stars 20%
98
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Dial an axis "Make it more minimal" is something you can just *say* — the model already reads plain language. A skill only earns its place where **one word must move many tokens at once, in a coordinated way, without breaking a rule** — and where doing it by hand gives an inconsistent result (some tokens changed, the grid broken, a second accent introduced). That's what `/ss-dial` is: **not interpretation, but a deterministic ramp + guardrails + re-gate.** If the request is a *mood word* ("more premium", "more editorial", "more playful"), that's not one axis — it's a *combination* of positions across several axes. Use **`/ss-restyle <preset>`** for those. `/ss-dial` moves exactly one axis. ## When NOT to use - A vague vibe the model can just apply from words ("cleaner", "nicer") → don't wrap it in a skill; say it. - A named aesthetic (Swiss / editorial / brutalist) → `/ss-restyle` (a preset of dial positions). - Changing the accent *hue itself* (rebrand) → edit the lock's Key color directly, then re-derive. - No `STYLESEED.md` lock yet → run `/ss-build` or `/ss-setup` first; there's nothing to dial from. ## The mechanic (every axis) 1. **Read `STYLESEED.md`** — find the axis's current position (Mood/Density/Radius/Elevation/ Type scale/Font weight/Motion fields). If the lock doesn't record it, infer it from the code. 2. **Move ONE position** in the requested direction on that axis's ramp (below). "more X" = one step; an explicit target ("density: dense") jumps...

Details

Author
bitjaru
Repository
bitjaru/styleseed
Created
3 months ago
Last Updated
4 days ago
Language
TypeScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category