Huashu Design Claude Skill

Huashu Design by 花叔 (alchaincyf) helps agents build hi-fi HTML prototypes, slide decks and animations with MP4 export, plus structured design reviews. Not meant for SEO websites or production web apps.

Published by alchaincyfalchaincyf/huashu-design

Source repositoryalchaincyf/huashu-design
Source licenseMIT
Pinned798c423
Source checked2026-10-18

Open source on GitHub

.install .install-tabs{display:none}.install .install-panel[hidden]{display:block}@media (max-width:767px){.install .install-panel[hidden]{display:flex}}.install .install-panel+.install-panel{border-top:1px solid var(--line)}.install .install-panel-label{display:block}.install .install-all{display:none}

Install

Pick your client, then copy the command.

Claude Code

Personal skills in ~/.claude/skills (use .claude/skills for one project)

mkdir -p ~/.claude/skills && git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design
cd ~/.claude/skills/huashu-design && git checkout 798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7

Codex

No Codex snippet verified for this entry yet

Compatibility is not confirmed, so there is no copy-ready command. Start from the pinned checkout and follow the source docs for where the folder goes.

Pinned checkout (same for every client)

git clone 'https://github.com/alchaincyf/huashu-design.git'
cd huashu-design && git checkout 798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7

Read pinned setup documentation Codex skills documentation

Cursor

No Cursor snippet verified for this entry yet

Compatibility is not confirmed, so there is no copy-ready command. Start from the pinned checkout and follow the source docs for where the folder goes.

Pinned checkout (same for every client)

git clone 'https://github.com/alchaincyf/huashu-design.git'
cd huashu-design && git checkout 798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7

Read pinned setup documentation

Git

Check out the pinned revision

git clone 'https://github.com/alchaincyf/huashu-design.git'
cd huashu-design && git checkout 798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7

Any agent

Paste into your agent chat

Read the source at https://github.com/alchaincyf/huashu-design/tree/798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7 (pinned revision 798c4235ebff). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

How to install Claude Code skills: compare folder, plugin and CLI methods

All client instructions (works without JavaScript)

Claude Code

Personal skills in ~/.claude/skills (use .claude/skills for one project)

mkdir -p ~/.claude/skills && git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design
cd ~/.claude/skills/huashu-design && git checkout 798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7

Codex

No dedicated setup snippet verified for this client. Review the shared setup and pinned source below; compatibility is not confirmed.

Read pinned source

Cursor

No dedicated setup snippet verified for this client. Review the shared setup and pinned source below; compatibility is not confirmed.

Read pinned source

Git

Check out the pinned revision

git clone 'https://github.com/alchaincyf/huashu-design.git'
cd huashu-design && git checkout 798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7

Any agent

Paste into your agent chat

Read the source at https://github.com/alchaincyf/huashu-design/tree/798c4235ebff03d5c45e3c8affdf5e9d18f9dfa7 (pinned revision 798c4235ebff). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

Listed ≠ audited. Snippets follow the pinned source docs; review the source and any scripts before running them. Nothing is installed from this page.

Source record

Repository: alchaincyf/huashu-design
Source file: SKILL.md
Pinned revision: 798c423
Upstream commit: 17 Oct 2026
Last checked: 18 Oct 2026
License: MIT

No review scores. No automatic installs. Not affiliated with the publisher.

What you are opening

A public SKILL.md with instructions for an agent. Open the pinned source to inspect its complete scope, dependencies and permissions.

How to set it up

Open the pinned SKILL.md and read its instructions and any bundled scripts.
Copy the skill folder into your client’s skills directory with the snippet in the install card.
Start a new session and ask for the task the skill describes.

Before you add it

Read the instructions and review any scripts before running them.
Check tool access, required credentials and third-party network requests.
The source license and any resource-specific terms take precedence.

What you are opening

How to set it up

Before you add it

Other Claude skills