Illustrative cover generated by us — see the source repo for real examples.
How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/huashu-design make me: High-fidelity HTML prototypes, slides, animations and design reviewsExample message showing how to invoke it, not a real output.
What you get
- Three design directions before any build
- Prototypes, decks and motion in plain HTML
- Expert-review mode for existing designs
Good fit
- High-fidelity HTML prototypes, slides, animations and design reviews
Not for
- Production web apps or anything that needs a backend
What you need
- Playwright for screenshots and checks; FFmpeg for video export
- License
- MIT
- Author
- @alchaincyf
- Source
- alchaincyf/huashu-design · ★ 24,611
Upstream description
花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/huashu-design/install.md and follow the instructions to install the skill.
npx skills add alchaincyf/huashu-design -g -a claude-code
npx skills add alchaincyf/huashu-design -g -a codex
git clone --depth 1 https://github.com/alchaincyf/huashu-design.git /tmp/huashu-design mkdir -p ~/.claude/skills && cp -r /tmp/huashu-design ~/.claude/skills/huashu-design
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
SaaS Landing Page
A single-page SaaS landing site with hero, features, social proof, pricing and CTA — one HTML file.
Taste Design System (DESIGN.md)
Generate an agent-friendly DESIGN.md that enforces premium, anti-generic UI: strict type, calibrated colour, asymmetric layouts, micro-motion.
Design System Extractor
Analyse an existing Stitch project and synthesise its semantic design system into DESIGN.md.
shadcn/ui Expert
Guidance for discovering, installing and customising shadcn/ui components with solid architecture and theming practices.