Johnny Suede Design
Design and copy stack for landing pages, dashboards, restyles, and visual QA
Test report
- Verdict
- Tested · Works
- Score
- Tested
- Jul 29, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Jul 30, 2026 · 3cabf27
⚠ This skill is no longer available upstream. Our re-check on Aug 10, 2026 couldn't find it any more (repo unreachable/deleted). The test below is what we measured on Jul 29, 2026 and we're leaving it up as a record — but there is nothing left to install, so we've removed the command.
Ran a hero-copy and visual-direction task for a small inventory-reconciliation SaaS twice, with and without the skill. The no-skill pass shipped an em dash, a gradient hero with an icon-card grid, an invented "save 10+ hours a week" stat and a "Get started free" button; the skill pass had none of those, committed to a named color strategy and aesthetic direction, and flagged the missing proof as [NEEDS REAL DATA] rather than inventing it. Verified its hard-gated brand asset by execution: the SHA-256 written into SKILL.md matches both the in-repo PNG and the pinned raw.githubusercontent copy it falls back to. Two costs worth knowing before you install it: SKILL.md is 40 KB that loads on every trigger, and it routes to ten sibling skills from the same pack, so copying this one folder leaves most of its routing dead. Note its opening gate policy too, which makes every quality gate and ship verdict advisory, so a "hold" reports a problem but never stops the work.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 4/5
- Output vs. baseline 8/10
- Docs & honesty 4/5
What Johnny Suede Design does
A combined design-and-copywriting workflow for product surfaces: it classifies the register (brand, product, docs, campaign, mobile), forces a named color strategy and aesthetic direction, writes the copy with an anti-slop line-edit pass, and ends with a rendered visual-QA comparison. Triggers on landing-page and dashboard design work, reference-to-target restyles, UI copy, and pre-launch visual review. Ships four reference files covering design laws, copy formulas, a restyle playbook, and twenty surface-modifier lenses.
How to install Johnny Suede Design
Nothing to install: the source repository no longer has this skill. If the author brings it back, our daily re-check will pick it up and the command will reappear here.
Commands — how to trigger Johnny Suede Design
-
/johnny-suede-designDesign and copy stack for landing pages, dashboards, restyles, and visual QA
It also activates on plain-language prompts like these:
-
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
Frequently asked questions
- Is the Johnny Suede Design skill free?
- Yes. The skill itself is free from JasonColapietro/suede-creator-skills. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Johnny Suede Design work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 29, 2026. Verdict: Tested · Works. Ran a hero-copy and visual-direction task for a small inventory-reconciliation SaaS twice, with and without the skill. The no-skill pass shipped an em dash, a gradient hero with an icon-card grid, an invented "save 10+ hours a week" stat and a "Get started free" button; the skill pass had none of those, committed to a named color strategy and aesthetic direction, and flagged the missing proof as [NEEDS REAL DATA] rather than inventing it. Verified its hard-gated brand asset by execution: the SHA-256 written into SKILL.md matches both the in-repo PNG and the pinned raw.githubusercontent copy it falls back to. Two costs worth knowing before you install it: SKILL.md is 40 KB that loads on every trigger, and it routes to ten sibling skills from the same pack, so copying this one folder leaves most of its routing dead. Note its opening gate policy too, which makes every quality gate and ship verdict advisory, so a "hold" reports a problem but never stops the work.
- What is the Johnny Suede Design SkillProof Score?
- 8.4/10 — installs cleanly 5/5, triggers reliably 4/5, output vs. baseline 8/10, docs & honesty 4/5.
- How do I install Johnny Suede Design?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Johnny Suede Design with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.