Huashu Design Skill — Setup Guide¶
Source: alchaincyf/huashu-design
GitHub: alchaincyf/huashu-design (23.0K stars)
Skills: 1 skill (huashu-design) · 42.9K installs
Category: Design & Prototyping
First Seen: April 21, 2026 (catalogued August 15, 2026 sweep)
Quality Tier: 🟡 Trusted (Gen Agent Trust Hub pass; Socket and Snyk report warnings)
Huashu-Design (花叔Design) is an HTML-first design skill that makes the agent embody a specialist — animator, UX designer, slide designer, or prototyper — based on the task, rather than acting as a generic HTML tool. It enforces a brand asset protocol (logo, product imagery, and UI screenshots before color values), delivers three differentiated design directions when context is unclear, and spans five design philosophies: information architecture, motion poetry, minimalism, experimental, and East Asian. Four user-confirmation checkpoints gate the workflow.
Installation¶
npx skills add alchaincyf/huashu-design
Prerequisites¶
| Requirement | Details |
|---|---|
| Node.js + npx | For the installer |
| Brand assets | Logo, product imagery, and UI screenshots before color work |
| No backend needed | Outputs are static HTML prototypes, decks, and animations |
What It Provides¶
| Capability | Notes |
|---|---|
| Specialist roles | Embodies animator, UX designer, slide designer, or prototyper per task |
| Prototypes | High-fidelity interactive product mockups |
| Design variants | Three differentiated directions when context is unclear |
| Slide decks | 1920×1080 HTML decks usable as presentations with keyboard navigation |
| Animations | Timeline-driven motion design with synchronized recording mode |
| Video pipelines | Narration-driven long-form video from HTML sequences |
| Checkpoints | User confirmation at four stages before full implementation |
Quick Start¶
npx skills add alchaincyf/huashu-design- Provide brand assets first: "design a landing page prototype; here is the logo and product screenshot"
- Review the three proposed directions, pick one, and confirm at each checkpoint
CorpusIQ Use Cases¶
| Use Case | How |
|---|---|
| Landing page concepts | Interactive HTML prototypes before committing to production design |
| Investor decks | 1920×1080 HTML decks with keyboard navigation |
| Product mockups | iOS/Android starter components for feature visualizations |
| Motion design | Animation demos as video material for social channels |
Limitations / Verification¶
- Explicitly not for production web apps, SEO sites, or backend systems — prototypes and decks only
- SKILL.md is written in Chinese; English capabilities are summarized on the marketplace page
- Socket and Snyk audits carry warnings — review before production use
npx skills add alchaincyf/huashu-design # verify install works
Related¶
- Skills Catalog
- Emil Kowalski Skills — Design Engineering Suite Setup
- UI/UX Pro Max — Design System Skill Pack Setup
← Skills Catalog | Marketplace →
Powered by CorpusIQ