Huashu Design
Design prototypes, animations, and visualizations with HTML
Install
Ships scriptshttps://github.com/alchaincyf/huashu-design
When you need to create high-fidelity prototypes, interactive slides, animations, data visualizations, or design systems using HTML and React.
- Author
- Huashu (花叔)
- License
- MIT
Highlights
- Generates three distinct design directions for user selection, preventing mediocre compromises
- Verifies and enforces brand asset compliance before beginning design work
- Implements ten-step production workflow with five enforced quality gates
- Supports interactive prototypes, editable slide decks, motion graphics, and data visualizations
- Integrates animation expertise including storyboarding and synchronized voiceover
- Includes anti-AI-slop framework rejecting generic trends in favor of context-derived authentic design
Huashu-Design reframes HTML and CSS as professional design tools equivalent to Figma or After Effects, rather than programming tasks. The skill routes design challenges through 60+ style patterns organized by output format—web experiences, presentation decks, and infographics. A comprehensive starter component library and decision gate files ensure repeatable, brand-authentic outputs. The framework treats the agent as an art director orchestrating specialized design roles, prioritizing creative intelligence and user choice over prompt compliance. Supports weak runtimes with graceful degradation, multiple agent environments (Claude Code, Codex, Cursor, Trae), and optional integration with text-to-speech and video review services.
Similar skills
Web Design Engineer
SkillCraft polished web interfaces with visual design intent
Taste Skill
SkillPushes agent-built interfaces past the default template look.
Hallmark
SkillWeb design skill that avoids AI-generated visual patterns

Comments(0)
Sign in to comment