← all repositories
alchaincyf/huashu-design

A design skill that treats Claude Code like a junior designer

huashu-design turns a one-sentence prompt into shipped HTML prototypes, MP4 animations, and editable PowerPoint decks — with enough guardrails to keep AI output out of the "purple gradient" slop zone.

huashu-design
Velocity · 7d
+344
★ / day
Trend
steady
star history

What it does

huashu-design is a markdown skill you install via npx skills add. Once loaded, you describe what you want — a clickable iOS prototype, a 60-second product launch animation, a slide deck — and the agent generates it as HTML, then exports to MP4, GIF, PPTX, PDF, or PNG. The README claims typical turnaround of 3–30 minutes depending on complexity, with built-in Playwright verification for interactive prototypes.

The interesting bit

The author treats prompt engineering as management. The skill doesn’t just ask the agent to “make something pretty”; it forces a five-step asset protocol (ask → search → download → verify → freeze to brand-spec.md) and a “junior designer workflow” where the agent shows gray-block assumptions early rather than burning tokens on a wrong finished piece. There’s even a “Fact Verification First” rule: mention “DJI Pocket 4” and the agent must web-search to confirm it exists before designing. The anti-slop rules are similarly specific — banned: CSS silhouettes as product shots, Inter as a display face, and purple gradients.

Key highlights

  • Agent-agnostic — works in Claude Code, Cursor, Trae, Hermes, OpenClaw, or any markdown-skill-capable agent
  • Real export formats — HTML prototypes, editable PPTX with actual text frames (not image beds), MP4/GIF at 25fps or 60fps interpolated, PDF/PNG/SVG
  • Built-in critique mode — 5-dimension expert review (philosophical coherence, visual hierarchy, execution, functionality, innovation) with radar charts and actionable punch lists
  • Design direction advisor — when briefs are vague, generates 3 parallel demos from 5 schools × 20 philosophies before committing to one path
  • MIT licensed as of 2026-05-14, including commercial use

Caveats

  • The skill’s internal prompts (SKILL.md, references/*.md) are in Chinese; English tasks work, but you’re relying on the agent’s bilingual capability
  • The “vs. Claude Design” comparison table is truncated in the README, so some claimed differentiators are cut off mid-sentence
  • A/B test claims (“v2 reduced stability variance by 5×”) are stated without methodology detail

Verdict

Worth a look if you live in Claude Code or Cursor and need quick, presentable design artifacts without opening Figma. Skip it if you need fine-grained GUI control or if your workflow is already locked into browser-based design tools.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.