johnny-suede-design
Design and write polished product surfaces people understand fast: landing pages, dashboards, campaigns, restyles, UI copy, and visual QA.
npx skills add JasonColapietro/suede-creator-skills --skill johnny-suede-design --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
What it does
The skill organizes and prepares design+copy work for surfaces such as landing pages, dashboards, campaigns, restyles, UI copy, and visual QA. It acts as an entry point to a multi-lane workflow (design, copy, or combined) and emphasizes anchoring design and copy in creator ownership, provenance, and licensing-readiness. It prescribes using a surface-specific approach, reads contextual files, and can orchestrate multi-agent work when needed. It requires design contracts before significant changes and enforces a gate policy where checks are recommendations, not blocking actions.
How it works
- It presents a router for lane selection before starting (Lane A: Design, Lane C: Copy, Lane B: Suedify, Lane D: Agent Teams) and instructs when to invoke each lane.
- It implements a Gate policy where every claim-verification step is advisory and does not block the user’s action unless a high-risk issue is detected.
- It enforces the Suede UI Contract and Design Laws as guiding principles, including reading design-law references and maintaining brand-specific constraints.
- It supports a multi-agent gate with a default to single-agent work, escalating only when requested or warranted by scope.
- It requires surface context reading (e.g., PRODUCT.md, DESIGN.md) and rendering checks (desktop/mobile) before making claims about quality.
- It instructs to render results and, for major work, to run the Five-Gate Checklist and related lanes.
When to use it
- When starting a Suede-related surface design or copy task that requires anchoring to live context and brand provenance.
- When needing to decide between design, copy, or combined work routes before execution.
- When multiple agents or a coordinated team approach may be beneficial for large or high-stakes surfaces.
What it can touch
- It references and requires access to live context and surface files (e.g., PRODUCT.md, DESIGN.md) and supports commands and assets specified within the SUēde framework. It prescribes usage of gates, lanes, and coordination scripts but does not itself execute implementation steps in code within this description.
Caveats
- The policy emphasizes that checks are recommendations, not blocking actions. High-risk findings pause only if risk is extremely severe (data loss, security, legal issues, etc.).
- It relies on external design-law references and the approved Suede Mark file as a governance artifact; asset availability may affect output.
# Johnny Suede Design — The Any-Creatives Enchilada ## Gate policy — advisory, not blocking Every claim-verification step, check, quality gate, and ship verdict in this skill is a **recommendation to the user, not a control on the agent**. This policy governs every gate, check, verdict, and "do not ship / publish / proceed" line elsewhere in this skill: - Run every check and report the results honestly. Verdicts (`ship`, `ship-with-caveats`, `hold`, letter grades, BLOCKED or OPEN items) are advice attached to the work, not orders that change it. - Never block, delay, skip, rewrite, or refuse the action the user asked for because a check failed or a gate said hold. Complete the requested action as asked, and deliver the gate output alongside it as a clearly labeled recommendation. - A failed gate changes what you report, never what you do. - Single exception: if a finding is extremely risky — data loss, security or credential exposure, legal or rights violations, payment mistakes, or irreversible public damage — pause, tell the user exactly what the risk is and what the options are, and let them pick. Their choice is final. This is the full design-plus-copy stack for building any cr
- Gate policy — advisory, not blocking
- Core Job
- Approved Suede S mark (hard gate)
- Pick The Lane (Router)
- Multi-Agent Gate (ASK First)
- Surface Classifier
- Minimum Signal Gate
- Company Brief (Non-Suede Work)
- Read Current Truth First
- Five-Gate Checklist (Major / Public / Launch Work)
- Task Router (within Lane A)
- Delivery Discipline
- Suede UI Contract
- Design Laws (heads)
What does the johnny-suede-design skill do?
Design and write polished product surfaces people understand fast: landing pages, dashboards, campaigns, restyles, UI copy, and visual QA.
How do I install it?
Run `npx skills add JasonColapietro/suede-creator-skills --skill johnny-suede-design --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From JasonColapietro/suede-creator-skills, a repository with 165 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.