← The log

alchaincyf/huashu-design

★ 25,415 stars

HTML

Covered in week 2026-W33 · the 2026-08 report

Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic

What huashu-design is

Stage + Sprite 时间片段模型 · useTime / useSprite / interpolate / Easing 四 API 覆盖所有动画需求 · 一条命令导出 MP4 / GIF / 60fps 插帧 / 带 BGM 的成片。

From the repository README · read it on GitHub →

10 Aug 2026 · 0:34
Huashu Design: The Free Skill That Replaces $63/mo of Figma + After Effects
Watch on YouTube →

Transcript

Design prototypes usually mean leaving your terminal for Figma or waiting on export renders. Huashu Design keeps everything native in Claude Code. This HTML-native skill generates high-fidelity prototypes, slides, and animations directly from your terminal, exporting straight to MP4. Built with 20 design philosophies and a 5-dimensional review system, it runs agent-agnostic across any AI setup. 22,240 stars show this is becoming the new standard for terminal-based design. Would this replace Figma for quick iterations?

View on GitHub