Johnny Suede Design
Stack di design e copywriting per landing page, dashboard, restyle e QA visivo
Promosso
Cosa fa
Un workflow combinato di design e copywriting per superfici di prodotto: classifica il registro (brand, prodotto, documenti, campagna, mobile), impone una strategia di colore nominata e una direzione estetica, scrive il testo con un passaggio di editing anti-slop, e termina con un confronto QA visivo renderizzato. Si attiva su lavori di design di landing page e dashboard, restyle da riferimento a target, copy UI, e revisione visiva pre-lancio. Fornisce quattro file di riferimento che coprono leggi del design, formule di copywriting, un playbook di restyle, e venti lenti modificatrici di superficie.
Rapporto di test
Eseguito due volte un task di hero-copy e direzione visiva per un piccolo SaaS di riconciliazione inventario, con e senza la skill. Il passaggio senza skill ha prodotto un trattino lungo, un hero gradient con una griglia di icone-card, una statistica inventata "risparmia 10+ ore a settimana" e un pulsante "Inizia gratuitamente"; il passaggio con la skill non aveva nulla di tutto ciò, si è impegnato in una strategia di colore nominata e una direzione estetica, e ha segnalato la prova mancante come [NEEDS REAL DATA] invece di inventarla. Verificato il suo asset di brand hard-gated tramite esecuzione: lo SHA-256 scritto in SKILL.md corrisponde sia al PNG nel repo che alla copia raw.githubusercontent pinnata a cui fa fallback. Due costi da conoscere prima di installarlo: SKILL.md è di 40 KB e si carica ad ogni attivazione, e instrada a dieci skill sorelle dello stesso pacchetto, quindi copiare questa singola cartella rende la maggior parte del suo routing inattivo. Si noti anche la sua politica di gate iniziale, che rende ogni gate di qualità e verdetto di spedizione consultivo, quindi un "hold" segnala un problema ma non ferma mai il lavoro.
Testato il: 2026-07-29 · Claude Code 2.x (agent harness)
Installazione
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
Comandi e prompt di esempio
/johnny-suede-designStack di design e copywriting per landing page, dashboard, restyle e QA visivo
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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