lab
Esc

Prueba con

↑↓ para moverte · Enter para abrir · también en /buscar?q= para agentes

skill principiante claude-codecodexcursordiseno

StyleSeed: conserva las decisiones visuales de tu producto

Mantén criterios de color, tipografía y composición entre pantallas. El agente registra tus decisiones y revisa el resultado renderizado antes de proponerte cambios.

✓ verificado el 26 oct 2026

Instrucciones para tu agente

Esto es lo que se copia. Pégaselo a tu agente y te lo monta paso a paso.

O ábrelo directamente en ClaudeChatGPT

Pega este texto a tu agente (Claude Code, Codex, OpenCode, Hermes o el que uses) y dile «ayúdame a montarlo». Son los pasos para ponerlo en marcha; el porqué de cada pieza está en la guía completa.

Para el agente: cómo acompañar al usuario

  1. Pregunta primero para qué lo quiere. Si su objetivo no necesita algún paso, sáltalo.
  2. Antes de instalar, comprueba lo que ya tiene (versiones, claves, sistema operativo).
  3. Avanza un paso cada vez: explica en una frase qué vas a hacer y deja que el usuario lo ejecute o lo apruebe.
  4. Tras cada paso, comprueba que funcionó antes de seguir. Si falla, para y explica el error.
  5. No inventes comandos ni opciones: si la documentación del proyecto contradice estos pasos, manda la documentación.
  6. Al terminar, haz una prueba real con el objetivo del usuario y dile dónde profundizar.

Pasos de configuración

Preparación

Comprueba Node.js ≥22.20.0 y npm/npx para el instalador skills. Abre la carpeta del proyecto y confirma que el arnés elegido admite skills antes de instalar.

Paso 1: instala en el proyecto

Desde la carpeta del proyecto, ejecuta el comando documentado:

npx -y skills add bitjaru/styleseed -a codex claude-code -y --copy

Paso 2: activa la skill

Inicia una sesión nueva si no aparece. En Claude Code usa /styleseed; en Codex, $styleseed. Pide revisar una pantalla e indica qué decisiones visuales ya están aprobadas.

Comprobación

Comprueba que el agente registra las decisiones pendientes y muestra el resultado renderizado con sus hallazgos. Revisa tú la pantalla antes de aceptar los cambios.

Si algo falla

Si la skill no aparece, reinicia la sesión y confirma el ámbito de instalación. Si solo entrega una puntuación, solicita la captura y las reglas que justifican cada corrección.

Consulta el README oficial para el procedimiento completo y los cambios de versión.

ver en .md ¿Prefieres el recurso entero?

Qué es

StyleSeed convierte decisiones de diseño en reglas locales que un agente de programación puede aplicar. Combina una skill de entrada con flujos internos de diseño, implementación y revisión visual.

Para qué te sirve

  • Cuando una pantalla nueva cambia los colores que ya habías aprobado.
  • Cuando quieres comparar el resultado del agente con criterios escritos y una captura real.

Cómo funciona

El agente interpreta la tarea, recupera las reglas pertinentes y conserva las elecciones del proyecto. Después contrasta el código y la interfaz renderizada con esos criterios. La puntuación sirve para orientar revisiones; el propio autor advierte que no equivale a una aprobación humana.

Antes de empezar

Necesitas Node.js/npm y un agente compatible. El README documenta Claude Code, Codex y Cursor. El repositorio tiene licencia MIT; la ejecución del agente y los servicios que utilices conservan sus propios costes.

Límites y alternativas

Instalar Markdown no bloquea por sí solo una entrega: debes activar el flujo y comprobar su evidencia. Una revisión manual con tu sistema de diseño sigue siendo una alternativa razonable para cambios pequeños. No tomes los resultados del benchmark del autor como una promesa para tu producto.

Recursos