Ss Dial

Muove un singolo asse di design (densità, raggio, colore, peso) come una rampa di token coordinata on-grid

di bitjaru · bitjaru/styleseed

Promosso ★ 8.8/10

Ss Dial — Muove un singolo asse di design (densità, raggio, colore, peso) come una rampa di token coordinata on-grid

Cosa fa

Aumenta o diminuisce un singolo asse di design — densità, contrasto gerarchico, raggio, elevazione, saturazione/temperatura colore, peso font, o movimento — applicando una rampa multi-token fissa invece di una reinterpretazione a mano libera, quindi persiste la nuova posizione in STYLESEED.md e riesegue il gate di punteggio. Si attiva su richieste a singolo asse come "rendilo più denso", "angoli più netti", "più smorzato", o "più audace", e rimanda parole d'atmosfera ("più premium") a ss-restyle e rielaborazioni di tonalità alla modifica diretta del lock. Parte del motore StyleSeed e dipende da un lock STYLESEED.md più skill sorelle (ss-build/ss-setup, ss-score) per il loop completo di persistenza e gate.

Rapporto di test

Recuperato SKILL.md e confermato frontmatter (nome+descrizione) più 7 tabelle di rampa di asse completamente specificate; controllate le skill sorelle referenziate ss-score/ss-restyle/ss-build (tutte HTTP 200); STYLESEED.md è un lock di progetto generato, non un file mancante nel repo; nessun odore di sicurezza. Test di output: presa una card Tailwind a densità "confortevole" e prodotta una baseline densificata a mano libera vs la riga "densa" verbatim della skill. La baseline è uscita dalla griglia (gap-2.5=10px, p-3=12px, entrambi fuori dal set sanzionato che la skill vieta), ha abbassato il bottone a py-1.5/px-2 sotto il floor tattile di 44px, e ha lasciato il line-height scoordinato; la versione skill ha applicato space-y-4/p-4/gap-3/leading-snug, ha mantenuto py-3 (floor tattile tenuto), ed è rimasta completamente on-grid — una vittoria concreta misurabile. Non è stato possibile eseguire i passi di persistenza/re-gate-to-80 (necessita di ss-score + un vero lock STYLESEED), ma la rampa deterministica centrale è autocontenuta ed è stata misurata.

Testato il: 2026-07-21 · Claude Code 2.x (agent harness)

Installazione

git clone --depth 1 https://github.com/bitjaru/styleseed.git /tmp/ss-dial-src
mkdir -p ~/.claude/skills
cp -R /tmp/ss-dial-src/engine/.claude/skills/ss-dial ~/.claude/skills/ss-dial
# Places SKILL.md at ~/.claude/skills/ss-dial/SKILL.md
# Recommended full install (whole engine, all ss-* skills): npx skills add bitjaru/styleseed
# DEPENDENCY: ss-dial reads/writes a project STYLESEED.md lock (created by /ss-setup or /ss-build)
#   and calls /ss-score to re-gate to >=80. Copy the sibling skills too for the full loop:
#   cp -R /tmp/ss-dial-src/engine/.claude/skills/ss-{setup,build,score,restyle} ~/.claude/skills/

Comandi e prompt di esempio

  • /ss-dialMuove un singolo asse di design (densità, raggio, colore, peso) come una rampa di token coordinata on-grid

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • Make this interface denser and sharper-cornered
  • Turn up the boldness of this design system
  • Make the palette more muted across all tokens