SkillProof tested Claude skills

Ss Dial

Verschiebt eine Design-Achse (Dichte, Radius, Farbe, Gewicht) als koordinierte On-Grid-Token-Rampe

von bitjaru · bitjaru/styleseed

Getestet · Funktioniert ★ 8.8/10

Ss Dial — Verschiebt eine Design-Achse (Dichte, Radius, Farbe, Gewicht) als koordinierte On-Grid-Token-Rampe

Was es kann

Erhöht oder verringert eine einzelne Design-Achse – Dichte, Hierarchiekontrast, Radius, Elevation, Farbsättigung/-temperatur, Schriftgewicht oder Bewegung – durch Anwenden einer festen Multi-Token-Rampe anstelle einer freien Neuinterpretation, speichert dann die neue Position in STYLESEED.md und führt das Score-Gate erneut aus. Wird ausgelöst bei Ein-Achsen-Anfragen wie "make it denser", "sharper corners", "more muted" oder "bolder" und verschiebt Stimmungsbegriffe ("more premium") auf ss-restyle und Farbton-Rebrands auf die direkte Bearbeitung des Locks. Teil der StyleSeed-Engine und hängt von einem STYLESEED.md-Lock plus Geschwister-Skills (ss-build/ss-setup, ss-score) für den vollständigen Persist-and-Gate-Loop ab.

Testbericht

SKILL.md abgerufen und Frontmatter (Name+Beschreibung) sowie 7 vollständig spezifizierte Achsenrampen-Tabellen bestätigt; referenzierte Geschwister-Skills ss-score/ss-restyle/ss-build stichprobenartig überprüft (alle HTTP 200); STYLESEED.md ist ein generierter Projekt-Lock, keine fehlende Repo-Datei; keine Sicherheitsrisiken. Ausgabetest: Eine Tailwind-Karte mit "comfortable" Dichte genommen und eine freihand-dichtere Baseline vs. die wortwörtliche "dense"-Zeile des Skills erstellt. Die Baseline driftete vom Raster ab (gap-2.5=10px, p-3=12px, beide außerhalb des vom Skill verbotenen Satzes), setzte den Button auf py-1.5/px-2 unter den 44px Touch-Floor und ließ die Zeilenhöhe unkoordiniert; die Skill-Version wendete space-y-4/p-4/gap-3/leading-snug an, behielt py-3 (Touch-Floor gehalten) und blieb vollständig im Raster – ein konkreter, messbarer Gewinn. Konnte die Persistenz-/Re-Gate-to-80-Schritte nicht ausführen (benötigt ss-score + einen echten STYLESEED-Lock), aber die kern-deterministische Rampe ist eigenständig und wurde gemessen.

Getestet am: 2026-07-21 · Claude Code 2.x (agent harness)

Installation

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/

Befehle & Beispiel-Prompts

  • /ss-dialVerschiebt eine Design-Achse (Dichte, Radius, Farbe, Gewicht) als koordinierte On-Grid-Token-Rampe

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →