Johnny Suede Design

Design- en copy-stack voor landingspagina's, dashboards, restyles en visuele QA

Door JasonColapietro · JasonColapietro/suede-creator-skills

Getest · Werkt ★ 8.4/10

Johnny Suede Design — Design- en copy-stack voor landingspagina's, dashboards, restyles en visuele QA

Wat het doet

Een gecombineerde design- en copywriting-workflow voor productoppervlakken: het classificeert het register (brand, product, docs, campaign, mobile), dwingt een benoemde kleurenstrategie en esthetische richting af, schrijft de copy met een anti-slop line-edit pass, en eindigt met een gerenderde visuele-QA vergelijking. Activeert bij landingspagina- en dashboard-designwerk, reference-to-target restyles, UI copy, en pre-launch visuele review. Levert vier referentiebestanden die designwetten, copy-formules, een restyle playbook en twintig surface-modifier lenzen behandelen.

Testrapport

Een hero-copy en visuele-richtingstaak voor een kleine inventaris-reconciliatie SaaS twee keer uitgevoerd, met en zonder de skill. De no-skill pass leverde een em-dash, een gradiënt hero met een icon-card grid, een verzonnen "save 10+ hours a week" statistiek en een "Get started free" knop; de skill pass had geen van die dingen, verbond zich aan een benoemde kleurenstrategie en esthetische richting, en markeerde het ontbrekende bewijs als [NEEDS REAL DATA] in plaats van het te verzinnen. De hard-gated brand asset geverifieerd door uitvoering: de SHA-256 geschreven in SKILL.md komt overeen met zowel de in-repo PNG als de gepinde raw.githubusercontent kopie waar het op terugvalt. Twee kosten die de moeite waard zijn om te weten voordat u het installeert: SKILL.md is 40 KB dat laadt bij elke trigger, en het routeert naar tien zusterskills uit hetzelfde pakket, dus het kopiëren van deze ene map laat het grootste deel van de routing dood achter. Let ook op het openingspoortbeleid, dat elke kwaliteitscontrole en verzendbeslissing adviserend maakt, dus een "hold" meldt een probleem maar stopt het werk nooit.

Getest op: 2026-07-29 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /johnny-suede-designDesign- en copy-stack voor landingspagina's, dashboards, restyles en visuele QA

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Redesign our landing page hero and write copy that doesn't sound like AI
  • Make our dashboard look less generic and run a visual QA pass on mobile
  • Take stripe.com's aesthetic and restyle our marketing site to match it