claude-design - Create high-fidelity HTML design artifacts
Creates thoughtful, high-fidelity HTML artifacts for landing pages, slide decks, prototypes, animated videos, posters, wireframes, and visual explorations.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create HTML design artifacts
- Verify product facts
- Gather design context
- Declare visual systems
- Build iterative prototypes
- Explore design variations
- Verify HTML in browsers
Inputs
- Creative brief
- Brand assets
- Design systems
- UI kits
- Codebases
- Screenshots
- Figma links
- Existing decks
- Product information
Outputs
- HTML design artifact
- Design variations
- product-facts.md
- brand-spec.md
- Browser-verified HTML
Requirements
- WebSearch access
- Browser access
- HTML-capable environment