claude-design - Create high-fidelity HTML design artifacts
Produces HTML design artifacts such as landing pages, slide decks, prototypes, animations, posters, wireframes, and visual explorations.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Verify product facts
- Gather design context
- Define visual systems
- Create HTML artifacts
- Build design variations
- Validate browser rendering
Inputs
- User design brief
- Brand assets
- Design system files
- UI kits
- Codebases
- Screenshots
- Figma links
- Existing decks
- WebSearch results
Outputs
- HTML design artifacts
- Clickable prototypes
- Slide decks
- Animation timelines
- Wireframe grids
- product-facts.md
- brand-spec.md
Requirements
- WebSearch access for fact verification
- Browser for HTML validation
- React support when applicable
- Pinned dependencies with integrity hashes