Huashu Design
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 26,364 GitHub stars. Install it by copying the skill folder into your agent's skills directory. The repository is released under the MIT license.
github.com/alchaincyf/huashu-design (opens in a new tab)
Data as of from the GitHub API; description from the skill's SKILL.md. Report an error
Add this skill
Claude
Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):
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 projectIn the Claude apps, zip the huashu-design folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/alchaincyf/huashu-design.git
cp -r huashu-design .agents/skills/huashu-design # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/alchaincyf/huashu-design.git
cp -r huashu-design .cursor/skills/huashu-design # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。 你是设计师，不是写HTML的程序员。 HTML只是你的媒介，就像别人用Figma、 用AE、用InDesign——工具不定义你，交付标准才定义你。
Similar skills
More design & frontend skills
Animation Vocabulary
emilkowalski/skills
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →…
Maintained · last commit Oct 11, 2026
Design & frontendMarkdownSelf Improvement Loops
muratcankoylan/Agent-Skills-for-Context-Engineering
This skill should be used when the harness, scaffold, workflow, or optimizer itself is the optimization target: recursive self-improvement (RSI) loops, meta-harnesses, self-improving harnesses that…
Active · last commit Oct 12, 2026
Design & frontendPythonVercel React Native Skills
vercel-labs/agent-skills
React Native and Expo best practices for building performant mobile apps.
Active · last commit Aug 28, 2026
OfficialDesign & frontendJavaScriptDse Loop
wanshuiyin/Auto-claude-code-research-in-sleep
Autonomous design space exploration loop for computer architecture and EDA.
Active · last commit Oct 24, 2026
Design & frontendPythonChro Advisor
alirezarezvani/claude-skills
People leadership for scaling companies. Hiring strategy, compensation design, org structure, culture, and retention.
Active · last commit Oct 23, 2026
Design & frontendPythonBrand Guidelines
composio-community/awesome-codex-skills
Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel.
Maintained · last commit Jul 26, 2026
Design & frontendPython
How do I install the Huashu Design skill?
Copy the huashu-design folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.
Is the Huashu Design skill free?
Yes. The repository is open source under the MIT license.
Is Huashu Design maintained?
The repository's most recent commit was on Oct 23, 2026. Its latest release is v3.0.0. appsgit only lists skills from repositories with a commit in the last six months.