39 editorial HTML/SVG diagram types for Claude Code and Codex
Huashu Design
SkillAn HTML-native design skill: one prompt in, a deliverable out, from web pages and app prototypes to editable PPTX and infographics.
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Product badge
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
About Huashu Design
Single-skill pack from alchaincyf/huashu-design, MIT-licensed.
- Produces web pages, clickable app prototypes, editable PPTX decks, animations and infographics
- Reads your brand assets (logo, palette, screenshots) when you provide them
- Otherwise proposes several directions and draws on a large style library to avoid generic output
- Agent-agnostic: Claude Code, Cursor, Codex and others via
npx skills add
The main README is in Chinese, with an English README alongside.
No reviews yet
Used it? Write the first review.
Similar skills
Translate Figma into production code at 1:1 fidelity
Distinctive UI/UX implementation patterns for frontend work
Capture desktop, app windows, or pixel regions
Map Figma design components to code with Code Connect
ADHD-friendly skill that makes agents lead with the answer