# Huashu Design (agent skill)

> Huashu Design is an agent skill (a SKILL.md file) from alchaincyf/huashu-design. 花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。. It works with Claude Code, Codex and Cursor and has 24,633 GitHub stars. Install it by copying the skill folder into your agent's skills directory. The repository is released under the MIT license.

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。 你是设计师，不是写HTML的程序员。 HTML只是你的媒介，就像别人用Figma、 用AE、用InDesign——工具不定义你，交付标准才定义你。

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/alchaincyf/huashu-design |
| Skill path | SKILL.md |
| Skill name | huashu-design |
| GitHub stars | 24,633 |
| Installs on skills.sh | 4 |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code, Codex, Cursor |
| Category | Design & frontend |
| Last commit | Sep 22, 2026 |

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/alchaincyf/huashu-design.git
cp -r huashu-design ~/.claude/skills/huashu-design   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/alchaincyf/huashu-design.git
cp -r huashu-design .agents/skills/huashu-design   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/alchaincyf/huashu-design.git
cp -r huashu-design .cursor/skills/huashu-design   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

skills.sh listing: https://www.skills.sh/alchaincyf/huashu-design/huashu-design

---

Canonical page: https://appsgit.com/skills/alchaincyf-huashu-design
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.