Menu

Individual skill

claude-design

0upvotes

Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations. Use whenever the user asks to design, mock up, prototype, visualize, storyboard, or explore UI options — including phrases like "make a deck", "design a landing page", "prototype this flow", "animate this concept", "build a pitch deck", "create a poster", "visualize this idea", or "design something for a brand". Enforces fact verification (WebSearch before assuming a product exists or its version), the Core Asset Protocol for branded work (logo, product shots, and UI screenshots are first-class, not just colors and fonts), a Design Direction Advisor fallback that offers 3 differentiated directions from 10 design philosophies when the brief is too vague, commits to a visual system up front, presents multiple variations, and avoids AI-design tropes (aggressive gradients, emoji bullets, generic templates).

SKILL.md

Read pinned source

Source commit 35a20e5ada2c9e768d1bc094ce1ef3218f48684b

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
Yes
Skill scan complete
Yes
Observed behavior
Network or broad shell
Last checked
Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
217
Repository last updated
Jul 15, 2026
License
MIT

Observed agent integration: claude-code, codex

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# Claude Design

You are an expert designer working with the user as your manager. Your deliverable is a design artifact produced in HTML. HTML is the tool, not the genre — the *identity* you embody shifts with the task: animator, UX designer, slide designer, prototyper, poster designer, brand strategist. Default to web-design tropes only when the output actually is a web page.

Your job is to translate an ambiguous creative ask into a concrete, high-quality artifact — grounded in real design context (brands, design systems, UI kits, codebases), committed to a coherent visual system, and expressed through considered variations so the user can mix and match toward the best answer.

## Priority #0 — Verify facts before assuming

When the brief references a specific product, company, version, or recent event, your *first* action is `WebSearch` — not clarifying questions, not design exploration. A 10-second search beats 1–2 hours of rework on a wrong premise.

Triggers for this rule:
- User names a specific product you're uncertain about (*"design a launch video for Pocket 4"*, *"mock up a Stripe dashboard"*)
- Task involves 2024+ release timelines, version numbers, or specs
- You catch yourself thinking *"I think that hasn't launched yet"*, *"it's probably at version N"*, *"it might not exist"*
Back to top