Ss Dial

Déplace un axe de conception (densité, rayon, couleur, poids) comme une rampe de jetons coordonnée sur grille

Testé · Fonctionne ★ 8.8/10

Ce que fait

Augmente ou diminue un seul axe de conception — densité, contraste hiérarchique, rayon, élévation, saturation/température de couleur, graisse de police ou mouvement — en appliquant une rampe multi-jetons fixe au lieu d'une réinterprétation à main levée, puis en persistant la nouvelle position dans STYLESEED.md et en réexécutant la porte de score. Se déclenche sur des requêtes à un axe comme "make it denser", "sharper corners", "more muted", ou "bolder", et délègue les mots d'ambiance ("more premium") à ss-restyle et les changements de marque de teinte à l'édition directe du verrou. Fait partie du moteur StyleSeed et dépend d'un verrou STYLESEED.md plus des compétences sœurs (ss-build/ss-setup, ss-score) pour la boucle complète de persistance et de porte.

Rapport de test

Récupéré SKILL.md et confirmé le frontmatter (name+description) plus 7 tables de rampe d'axe entièrement spécifiées ; vérifié les compétences sœurs référencées ss-score/ss-restyle/ss-build (toutes HTTP 200) ; STYLESEED.md est un verrou de projet généré, pas un fichier de dépôt manquant ; aucune faille de sécurité. Test de sortie : a pris une carte Tailwind à densité "comfortable" et a produit une référence plus dense à main levée vs la ligne "dense" verbatim de la compétence. La référence a dévié de la grille (gap-2.5=10px, p-3=12px, tous deux en dehors de l'ensemble sanctionné que la compétence interdit), a réduit le bouton à py-1.5/px-2 en dessous du seuil tactile de 44px, et a laissé la hauteur de ligne non coordonnée ; la version de la compétence a appliqué space-y-4/p-4/gap-3/leading-snug, a maintenu py-3 (seuil tactile maintenu), et est restée entièrement sur la grille — un gain mesurable concret. N'a pas pu exécuter les étapes de persistance/re-gate-to-80 (nécessite ss-score + un vrai verrou STYLESEED), mais la rampe déterministe de base est autonome et a été mesurée.

Testé le: 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/

Commandes et exemples de prompts

/ss-dialDéplace un axe de conception (densité, rayon, couleur, poids) comme une rampe de jetons coordonnée sur grille

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →