claude-design - Create high-fidelity HTML design artifacts
Creates thoughtful HTML design artifacts including landing pages, slide decks, interactive prototypes, animations, posters, wireframes, and visual explorations.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Clarify design briefs
- Gather design context
- Declare visual systems
- Build HTML artifacts
- Explore design variations
- Create clickable prototypes
- Create slide decks
- Create timeline animations
- Create wireframes and storyboards
- Verify product facts
- Verify rendered output
- Collect brand assets
Inputs
- Design brief
- Output format preferences
- Fidelity requirements
- Variation preferences
- Brand assets
- Design systems
- UI kits
- Codebases
- Screenshots
- Figma links
- Existing decks
- Product references
- Brand guidelines
Outputs
- HTML design artifact
- Design direction previews
- Design variations
- Clickable prototype
- Slide deck
- Timeline animation
- Wireframe grid
- Storyboard
- product-facts.md
- brand-spec.md
- Rendering verification status
Requirements
- WebSearch access
- Browser access
- HTML authoring environment