Johnny Suede Design
Design- og tekstforfatningsstack til landingssider, dashboards, restyles og visuel QA
Testet · Virker
Hvad det gør
En kombineret design- og tekstforfatningsworkflow til produktoverflader: den klassificerer registret (brand, produkt, docs, kampagne, mobil), tvinger en navngivet farvestrategi og æstetisk retning, skriver teksten med en anti-slop linje-redigeringsgennemgang og slutter med en renderet visuel-QA sammenligning. Udløses ved landingsside- og dashboard-designarbejde, reference-til-mål restyles, UI-tekst og visuel gennemgang før lancering. Leverer fire referencefiler, der dækker designlove, tekstformler, en restyle-playbook og tyve overflade-modifikatorlinser.
Testrapport
Kørte en hero-copy og visuel-retningsopgave for en lille lager-afstemnings-SaaS to gange, med og uden skill'en. No-skill-passet leverede et em-dash, en gradient-hero med et ikon-kort-gitter, en opfundet "spar 10+ timer om ugen" statistik og en "Kom i gang gratis"-knap; skill-passet havde ingen af disse, forpligtede sig til en navngivet farvestrategi og æstetisk retning og markerede det manglende bevis som [NEEDS REAL DATA] i stedet for at opfinde det. Verificerede dens hårdt-gated brand-asset ved udførelse: SHA-256 skrevet ind i SKILL.md matcher både den i-repo PNG og den pinned raw.githubusercontent kopi, den falder tilbage på. To omkostninger værd at kende, før du installerer den: SKILL.md er 40 KB, der indlæses ved hver trigger, og den ruter til ti søskende-skills fra samme pakke, så kopiering af denne ene mappe efterlader det meste af dens routing død. Bemærk også dens åbningsgate-politik, som gør hver kvalitetsgate og leveringsdom rådgivende, så en "hold" rapporterer et problem, men stopper aldrig arbejdet.
Testet: 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
Kommandoer og eksempelprompter
/johnny-suede-designDesign- og tekstforfatningsstack til landingssider, dashboards, restyles og visuel QA
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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