claude-design-skill
Installation
SKILL.md
Claude Design Skill
Produce high-fidelity HTML design artifacts with intentional visual direction. Supports multiple output formats, iterative tweaks, and philosophy-guided design exploration.
Output Format Matrix
Select format based on deliverable intent:
| Format | ID | Use Case | Viewport | Structure |
|---|---|---|---|---|
| Canvas | canvas |
Static high-fidelity mockup | Fluid / responsive | Single-page design, no chrome |
| Prototype | prototype |
Clickable multi-screen flow | Fluid | Shell + screens + JS state |
| Deck | deck |
Presentation slides | 1920×1080 fixed | Delegate to frontend-slides |
| Timeline | timeline |
Chronological visual narrative | Fluid vertical | Sections as timeline nodes |