Claude Design
This is a design artifact generator that takes you from vague creative briefs to high-fidelity HTML deliverables: landing pages, prototypes, slide decks, animations, wireframes. It enforces three discipline layers most LLM design work skips. First, mandatory fact checking via WebSearch before designing anything tied to a real product or brand. Second, a Core Asset Protocol that won't let you fake branded work with just colors and fonts: it hunts down logos, product shots, and UI screenshots as first-class inputs. Third, a Design Direction Advisor that offers three differentiated styles from a curated taxonomy when the brief is too open, so you're not just getting the model's default aesthetic. Built to avoid the rounded-card-with-gradient sameness of typical AI design output.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 6
- skills.sh installs
- 2.3K
- GitHub stars
- 217
- last updated
- Aug 21, 2026
Install
$ npx -y skills add jiji262/claude-design-skill --skill claude-design --agent claude-codeInstalls into .claude/skills of the current project.
Files
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.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jiji262/claude-design-skill
- Categories
- Frontend Development, Testing & QA, DevOps & CI/CD, AI & Agent Building, Release Management, Marketing & SEO, Design & UI/UX
- First seen
- Jun 3, 2026
Recommended
More Frontend Development
hook-writer-smsblacktwist/social-media-skillsWhen the user wants help writing opening lines, hooks, first sentences, video hooks, thumbnails titles, or pin titles that grab attention. Also use when the use2.3Kskills.sh installs
swap-integrationuniswap/uniswap-aiIntegrate Uniswap swaps into applications. Use when user says "integrate swaps", "uniswap", "trading api", "add swap functionality", "build a swap frontend", "c2.3Kskills.sh installs
research-decision-roomnexu-io/open-designTurn messy user research notes, interviews, support tickets, surveys, and product context into an evidence-backed decision room: a single HTML artifact with an 2.3Kskills.sh installs
edgeoneaahl/skillsDeploy HTML content to EdgeOne Pages, return the public URL.2.3Kskills.sh installs
clone-websitejulianromli/ai-skillsReverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder a2.3Kskills.sh installs
computer-automationweb-infra-dev/midscene-skillsVision-driven desktop automation using Midscene. Control your local desktop (macOS, Windows, Linux) or a remote Windows desktop over RDP with natural language c2.2Kskills.sh installs