Skip to content
↑↓navigate↵openescclose
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Huashu Design logo
Skill

Huashu Design

Design prototypes, animations, and visualizations with HTML

0
SaveVisit website ↗

Install

Ships scripts
https://github.com/alchaincyf/huashu-design
Triggers on

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.

Comments(0)

Sign in to comment

No comments yet — be the first.

Similar skills

Report this comment

Why are you reporting this?