中文

huashu-design

Spec compliant

HTML-native design skill for agents: clickable prototypes, editable decks, launch animations, print-grade infographics. v3.0: 6 thumbnails → 3 directions, 84 style specimens, design lint + look ledger. Docs EN: README.en.md

HTML-native design skill for agents: clickable prototypes, editable decks, launch animations, and print-grade infographics.

Creative designprototypeslidesinfographic
4.6 Excellent
by 花叔 Last verified: 2026-10-30

Preview

Tutorial · Watch on YouTube

Copy prompt for your AI

Send this to your agent to install the skill.

First read https://skill123.app/install/skill123.md. Then install the "huashu-design" agent skill by running:
npx skills add alchaincyf/huashu-design
Other install methods

CLI install

npx skills add alchaincyf/huashu-design

Manual install

~/.claude/skills/huashu-design/
~/.cursor/skills/huashu-design/
~/.codex/skills/huashu-design/
~/.agents/skills/huashu-design/
Download Zip from GitHub

When to use

  • → Produce a clickable prototype, editable deck, launch animation, or print-grade infographic from one prompt
  • → Choose 3 directions from 6 thumbnails and a library of 84 style specimens
  • → Install the full tree (references, assets, scripts, demos), not SKILL.md alone

Platforms

Claude Code Cursor Codex CLI Open Agents

Resources

skill-name/
├── SKILL.md
└── references/references/
└── assets/assets/
└── scripts/scripts/

Source

https://github.com/alchaincyf/huashu-design

License: MIT

Related Skills

frontend-design
Featured

frontend-design produces polished, non-generic UI with intentional typography, color, and motion. Install with npx skills add vercel-labs/agent-skills --skill frontend-design.

Creative Cursor Claude Code +2
4.8 Excellent
Vercel Labs
web-design-guidelines
Featured

web-design-guidelines encodes Vercel design standards for spacing, typography, accessibility, and performance in agent workflows.

Creative Cursor Claude Code +1
4.7 Excellent
Vercel Labs
stageshow

Stageshow helps agents make faux product UI stills, cursor demos, and bento grids (benjitaylor/skills, MIT). Install: `npx skills add benjitaylor/skills --skill stageshow`.

Creative Cursor Claude Code +2
4.7 Excellent
Benji Taylor
baoyu-cover-image
Featured

baoyu-cover-image generates 公众号 / article covers across type, palette, rendering, text, and mood (JimLiu/baoyu-skills). Install with `npx skills add jimliu/baoyu-skills --skill baoyu-cover-image`.

Creative Cursor Claude Code +3
4.7 Excellent
Jim Liu (宝玉)

FAQ

How do I install huashu-design?

Send the install prompt to your AI, or run npx skills add alchaincyf/huashu-design.

Which platforms support huashu-design?

Claude Code, Cursor, Codex CLI, Open Agents