huashu-design: a Claude Code skill by Huashu (花叔)
For people who want HTML prototypes, slide decks, infographics or animations, starting from three drafts to choose from. Skip it for production web apps.
The skill's text changed on Nov 10, 2026, after we last read it. Our description may be behind.
- Score
- 73of 100
- Rank
- #140of 239
- Installs
- 52.9Kon skills.sh
- Security
- Mixed 3 scanners
- Updated
- 2026
- Context
- ~44tokens always
Install
npx skills add https://github.com/alchaincyf/huashu-design --skill huashu-design Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does huashu-design do?
huashu-design is a Claude skill, written in Chinese, that makes visual work in HTML: interactive prototypes, 1920x1080 slide decks, infographics, app mockups and timeline animations exported as MP4 or GIF. Each task opens with three Python scripts that recall your saved taste notes, list recent looks to avoid, and check which tools are present. For any new design, Claude builds six candidates, shows three real first drafts, then stops and waits for your pick, which it records in direction-approved.md. Named brands trigger a search for official logos saved as brand-spec.md. Facts get checked by web search first, and design_lint.py checks the final file.
When should you use huashu-design?
Use it when
- Making a pitch deck or course slides in HTML
- Exploring three visual directions for a landing page
- Producing a short product animation as MP4
Skip it when
- You need a production web app with a backend
- You want one design without picking from drafts
What it needs and what it can touch
You need
- Python 3 (Playwright for Python is optional)
What it can do
- Runs Python scripts from the skill folder
- Searches the web and downloads brand logos
- Saves your taste notes in ~/.huashu-design/
- Checks GitHub for newer versions
From reading its instructions, not from running it.
Why it scores 73
Strongest on upkeep (100 of 100), weakest on adoption (59).
Is huashu-design safe to install?
At least one scanner raised a medium warning. Read the results below. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Oct 14, 2026 |
| Socket | Medium risk | Oct 14, 2026 |
| Snyk | Low risk | Oct 14, 2026 |
Details
- Installs
- 52,928
- Repository stars
- 29,113
- Last repository change
- Tokens always loaded
- about 44
- Tokens when used
- about 1,861
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to huashu-design
All skills for this job-
Get Garden SkillsGarden Skills
For designers and developers who want polished HTML pages, prototypes and decks built step by step with checkpoints.
-
Get html-ppthtml-ppt
For people who want slide decks built as static HTML files with themes, animations and a presenter view.
-
Get HyperFramesHyperFrames
For people who want Claude to build videos or live slide decks as HTML and render them to MP4.
-
Get dashi-pptdashi-ppt
For people who want a themed slide deck they can edit in the browser and export to PPTX or PDF.