Johnny Suede Design
Stack de diseño y copywriting para landing pages, dashboards, restyles y QA visual
Probado · Funciona
Qué hace
Un flujo de trabajo combinado de diseño y copywriting para superficies de producto: clasifica el registro (brand, product, docs, campaign, mobile), fuerza una estrategia de color con nombre y una dirección estética, escribe el copy con un pase de edición de línea anti-descuido, y termina con una comparación de QA visual renderizada. Se activa en trabajos de diseño de landing pages y dashboards, restyles de referencia a objetivo, UI copy y revisión visual previa al lanzamiento. Incluye cuatro archivos de referencia que cubren leyes de diseño, fórmulas de copy, un playbook de restyle y veinte lentes modificadoras de superficie.
Informe de la prueba
Ejecuté una tarea de hero-copy y dirección visual para un pequeño SaaS de conciliación de inventario dos veces, con y sin la habilidad. El pase sin habilidad incluyó un guion largo, un hero con gradiente y una cuadrícula de tarjetas de iconos, una estadística inventada de "save 10+ hours a week" y un botón "Get started free"; el pase de la habilidad no tuvo nada de eso, se comprometió con una estrategia de color con nombre y una dirección estética, y marcó la prueba faltante como [NEEDS REAL DATA] en lugar de inventarla. Verifiqué su activo de marca con puerta dura mediante la ejecución: el SHA-256 escrito en SKILL.md coincide tanto con el PNG en el repositorio como con la copia pinned de raw.githubusercontent a la que recurre. Dos costos que vale la pena conocer antes de instalarla: SKILL.md es de 40 KB que se carga en cada activación, y enruta a diez habilidades hermanas del mismo paquete, por lo que copiar solo esta carpeta deja la mayor parte de su enrutamiento inactivo. Tenga en cuenta también su política de puerta de apertura, que hace que cada puerta de calidad y veredicto de envío sea solo consultiva, por lo que un "hold" informa un problema pero nunca detiene el trabajo.
Probado el: 2026-07-29 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/JasonColapietro/suede-creator-skills.git mkdir -p ~/.claude/skills cd suede-creator-skills && cp -r skills/johnny-suede-design ~/.claude/skills/johnny-suede-design
Comandos y prompts de ejemplo
/johnny-suede-designStack de diseño y copywriting para landing pages, dashboards, restyles y QA visual
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Redesign our landing page hero and write copy that doesn't sound like AIMake our dashboard look less generic and run a visual QA pass on mobileTake stripe.com's aesthetic and restyle our marketing site to match it