design

Featured

Create 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.

AI & Automation 64,796 stars 10637 forks Updated yesterday CC0-1.0

Install

View on GitHub

Quality Score: 93/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Create a design canvas **Two quick exits.** Empty request: ask in one line what they want designed (and for what), then stop. Request EXACTLY one of `consent`, `revoke`, `sync`, `login`, `import`, `export` or `status` alone (or `import`/`export`/`sync` plus only a URL or project name): that is a Claude Design account/project command this preview doesn't handle - say so in one line and stop. For `consent`, `revoke`, `login`, `sync` point at `/design <verb>` alone (`/design-sync <project>` for a sync with a project hint); those need a first-party claude.ai login and an org policy permitting Claude Design, so without either say Design consent/sync is not available here. For `import`, `export`, `status` say those are not available while this preview is on and point at claude.ai/design, never a `/design ...` spelling. Do not design something named "status". Anything that describes something to design -- a login page, an export dialog, a status dashboard - is a brief. This is an early preview of Claude Design inside Claude Code: the skill ships a **precompiled payload** - Claude Design's "Design Components" editor on a multi-artboard canvas, packaged to run inside a published Artifact. It is not at parity with claude.ai/design and the editor baked into each canvas does not update after publish; say so plainly if asked. You do NOT build or modify the editor - you seed design content into a copy of the payload with the helper, and publish. Every `.dc.html` file renders as its own...

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