design
FeaturedCreate a design canvas - a multi-artboard visual design published as an Artifact that runs Claude Design's canvas editor (an early preview of Claude Design inside Claude Code). You DRAFT the design as .dc.html artboards laid out on one pan/zoom canvas; where saving is enabled for the user's account they refine every element visually (click-to-select, a properties panel, inline text editing, undo/redo) and Save publishes a new version for everyone, otherwise they get a view-and-export (PNG/PDF) preview of your draft. Good for UI mockups and screen flows, landing pages, marketing and social graphics, and print pieces - posters, flyers, brochures as single-page artboards; memos and reports as one flowing artboard. Use when someone wants a design, mockup, wireframe, UI or screen design, landing page, poster, flyer, brochure, banner, card, one-pager, or any visual layout they would rather tweak by hand than in code. Only for CREATING or re-seeding a canvas; an existing one is edited in its published Artifact.
Install
Quality Score: 93/100
Skill Content
Details
- Author
- asgeirtj
- Repository
- asgeirtj/system_prompts_leaks
- Created
- 1 years ago
- Last Updated
- yesterday
- Language
- JavaScript
- License
- CC0-1.0
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
design
Create or revise a polished, self-contained HTML design canvas in the current workspace. Use for UI concepts, layouts, visual directions, prototypes, or targeted visual feedback; do not use for ordinary prose or non-visual coding tasks.
claude-design
Use when the user wants to build or prototype something visual with Claude Design — Anthropic's claude.ai/design tool — and needs a strong prompt or spec: a prototype, dashboard, slide deck, landing page, marketing page, or internal-tool UI. Covers both writing a paste-ready design brief to build in the browser and driving Claude Design from Claude Code (the /design and /design-sync commands and the Claude Design MCP server). Do NOT use for building the UI yourself in the repo (that is frontend-design's light path), backend/API/data-model work, or generic Claude API / chat prompt engineering.
design
Designs graphic artefacts (social posts, stories, banners) as free HTML/CSS artboards in design.json — one artboard per design at its exact pixel size. The craft is in the guidance: committed aesthetic, brand tokens, anti-slop rules. Exports to design.html with per-post PNG download.