Ss Dial

Mueve un eje de diseño (densidad, radio, color, peso) como una rampa de tokens coordinada en cuadrícula.

Por bitjaru · bitjaru/styleseed

Probado · Funciona ★ 8.8/10

Ss Dial — Mueve un eje de diseño (densidad, radio, color, peso) como una rampa de tokens coordinada en cuadrícula.

Qué hace

Sube o baja un único eje de diseño (densidad, contraste de jerarquía, radio, elevación, saturación/temperatura de color, peso de fuente, o movimiento) aplicando una rampa fija de múltiples tokens en lugar de una reinterpretación a mano alzada, luego persiste la nueva posición en STYLESEED.md y vuelve a ejecutar la puerta de puntuación. Se activa en solicitudes de un solo eje como "hazlo más denso", "esquinas más afiladas", "más apagado", o "más audaz", y delega palabras de estado de ánimo ("más premium") a ss-restyle y cambios de matiz a la edición directa del bloqueo. Parte del motor StyleSeed y depende de un bloqueo STYLESEED.md más skills hermanas (ss-build/ss-setup, ss-score) para el bucle completo de persistencia y puerta.

Informe de la prueba

Obtuve SKILL.md y confirmé frontmatter (nombre+descripción) más 7 tablas de rampa de eje totalmente especificadas; verifiqué las skills hermanas referenciadas ss-score/ss-restyle/ss-build (todas HTTP 200); STYLESEED.md es un bloqueo de proyecto generado, no un archivo de repositorio faltante; sin olores de seguridad. Prueba de salida: tomé una tarjeta Tailwind en densidad "cómoda" y produje una línea base densa a mano alzada vs la fila "densa" verbatim de la skill. La línea base se desvió de la cuadrícula (gap-2.5=10px, p-3=12px, ambos fuera del conjunto sancionado que la skill prohíbe), bajó el botón a py-1.5/px-2 por debajo del piso táctil de 44px, y dejó la altura de línea descoordinada; la versión de la skill aplicó space-y-4/p-4/gap-3/leading-snug, mantuvo py-3 (piso táctil mantenido), y se mantuvo completamente en la cuadrícula — una victoria concreta medible. No pude ejecutar los pasos de persistencia/re-gate-to-80 (necesita ss-score + un bloqueo STYLESEED real), pero la rampa determinista central es autocontenida y se midió.

Probado el: 2026-07-21 · Claude Code 2.x (agent harness)

Instalación

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/

Comandos y prompts de ejemplo

  • /ss-dialMueve un eje de diseño (densidad, radio, color, peso) como una rampa de tokens coordinada en cuadrícula.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

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