Johnny Suede Design
Design- och copy-stack för landningssidor, dashboards, restyles och visuell QA
Testad · Fungerar
Vad den gör
Ett kombinerat design- och copywriting-arbetsflöde för produktytor: det klassificerar registret (brand, product, docs, campaign, mobile), tvingar fram en namngiven färgstrategi och estetisk riktning, skriver texten med en anti-slop line-edit-genomgång, och avslutas med en renderad visuell QA-jämförelse. Utlöses vid designarbete för landningssidor och dashboards, restyles från referens till mål, UI-copy, och visuell granskning före lansering. Levererar fyra referensfiler som täcker designlagar, copy-formler, en restyle-playbook och tjugo ytförändrande linser.
Testrapport
Körde en hero-copy och visuell-riktningsuppgift för en liten SaaS för lageravstämning två gånger, med och utan färdigheten. No-skill-passet levererade ett tankstreck, en gradient-hero med ett ikon-kortrutnät, en uppfunnen statistik "spara 10+ timmar i veckan" och en "Kom igång gratis"-knapp; färdighetspasset hade inget av detta, förband sig till en namngiven färgstrategi och estetisk riktning, och flaggade det saknade beviset som [NEEDS REAL DATA] istället för att uppfinna det. Verifierade dess hård-gated brand asset genom exekvering: SHA-256 skrivet i SKILL.md matchar både den i repot liggande PNG:en och den pinnade raw.githubusercontent-kopian den faller tillbaka på. Två kostnader värda att känna till innan du installerar den: SKILL.md är 40 KB som laddas vid varje utlösning, och den dirigerar till tio syskonfärdigheter från samma paket, så att kopiera denna enda mapp lämnar det mesta av dess routing dött. Notera också dess öppningsgatepolicy, som gör varje kvalitetsgate och leveransbeslut rådgivande, så en "hold" rapporterar ett problem men stoppar aldrig arbetet.
Testad: 2026-07-29 · Claude Code 2.x (agent harness)
Installation
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
Kommandon och exempelprompter
/johnny-suede-designDesign- och copy-stack för landningssidor, dashboards, restyles och visuell QA
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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