Johnny Suede Design
Designový a copy stack pro vstupní stránky, dashboardy, restyly a vizuální QA
Otestováno · Funguje
Co umí
Kombinovaný designový a copywritingový pracovní postup pro produktové povrchy: klasifikuje registr (značka, produkt, dokumentace, kampaň, mobil), vynucuje pojmenovanou barevnou strategii a estetický směr, píše text s anti-slop line-edit průchodem a končí vykresleným vizuálním QA srovnáním. Spouští se na designové práce vstupních stránek a dashboardů, restyly reference-to-target, UI copy a vizuální kontrolu před spuštěním. Dodává čtyři referenční soubory pokrývající designové zákony, copy formule, restyle playbook a dvacet surface-modifier čoček.
Testovací report
Spustil jsem úkol hero-copy a vizuálního směru pro malý SaaS pro sladění zásob dvakrát, s dovedností i bez ní. Průchod bez dovednosti dodal pomlčku, gradientní hero s mřížkou ikonových karet, vymyšlenou statistiku "ušetřete 10+ hodin týdně" a tlačítko "Začněte zdarma"; průchod dovednosti neměl nic z toho, zavázal se k pojmenované barevné strategii a estetickému směru a označil chybějící důkaz jako [NEEDS REAL DATA] namísto jeho vymýšlení. Ověřil jeho pevně řízený brand asset provedením: SHA-256 zapsané do SKILL.md odpovídá jak PNG v repozitáři, tak připnuté kopii raw.githubusercontent, na kterou se vrací. Dva náklady, které stojí za to vědět před instalací: SKILL.md je 40 KB, které se načítají při každém spuštění, a směřuje k deseti sesterským dovednostem ze stejného balíčku, takže zkopírování této jedné složky ponechá většinu jejího směrování mrtvou. Všimněte si také jeho politiky otevírací brány, která činí každou bránu kvality a verdikt o odeslání poradním, takže "hold" hlásí problém, ale nikdy nezastaví práci.
Testováno: 2026-07-29 · Claude Code 2.x (agent harness)
Instalace
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
Příkazy a ukázkové prompty
/johnny-suede-designDesignový a copy stack pro vstupní stránky, dashboardy, restyly a vizuální QA
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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