/johnny-suede-design · Full design mode

Generic is a choice. Stop making it.

Load one skill when the job is design for Suede or your own company: Suedify reference-site restyling, mobile and product surfaces, product screenshots, UI polish, design-system QA, visual QA, responsive checks, visibility grading, SEO/AEO/AI EO, company voice, implementation handoff, and the full writing mode included.

Install the skill View skill folder

"make this landing page much less boring" /johnny-suede-design Ask in plain words. The router reads the request and loads this lane; MCP agents find it with list_suede_skills.

$ /johnny-suede-design "make it less boring" register: brand · one memorable move locked render → compare → patch · desktop + mobile VISUAL QA: PASSED · SHIP screenshots attached

Public install command

Claude Code — project-level copy:

git clone https://github.com/JasonColapietro/suede-creator-skills.git /tmp/suede-creator-skills
mkdir -p .claude/skills
cp -R /tmp/suede-creator-skills/skills/johnny-suede-design .claude/skills/

Or install the full pack: /plugin marketplace add JasonColapietro/suede-creator-skills then /plugin install suede-skills@suede.

Codex — install from GitHub:

python3 ~/.codex/skills/.system/skill-installer/scripts/install-skill-from-github.py \
  --repo JasonColapietro/suede-creator-skills \
  --path skills/johnny-suede-design

Use your own company

Give the skill your company, audience, voice, proof, allowed claims, forbidden claims, CTA, assets, and reference URLs; it should keep the full design, copy, SEO/AEO/AI EO, visual QA, and ship-gate workflow while replacing Suede voice with your brand.

Use $johnny-suede-design for my company instead of Suede voice.
Company: Acme Robotics.
Audience: operations leaders at mid-market manufacturers.
Voice: precise, practical, slightly bold, never hype.
Proof: customer quotes, uptime reports, product screenshots, install docs.
Forbidden claims: no guaranteed savings, no unverified rankings, no fake logos.
Primary CTA: book a workflow review.

What it covers

Suedify, mobile and product surfaces, product screenshots, UI polish, typography, color, layout, motion, imagery, and responsive QA.
Design-system quality checks for tokens, components, states, screenshots, assets, accessibility basics, and drift notes.
Visual QA that compares source truth and rendered implementation with matched viewport, state, theme, and content.
Copy, company voice, SEO/AEO/AI EO, CTAs, proof stack, launch copy, product listing copy, and evidence boundaries.
Visibility grading, agent-team loops, implementation evidence, and ship gates.

Best prompt

Use $johnny-suede-design to redesign this page for my company, improve the visual system, handle mobile and product surfaces if relevant, rewrite the copy, audit SEO/AEO/AI EO, grade visibility, and hand off with desktop, mobile, and visual QA evidence.

Writing mode inside

Johnny Suede Design includes the writing stack. Use Johnny Suede Write directly when the job is copy, product and mobile wording, SEO/AEO/AI EO, company voice, CTAs, launch copy, social/email variants, and evidence-backed line editing.