skill · tool profile

Huashu Design

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

skill CodexClaude CodeCursorHermes Agent

At a glance.

A compact read before the deeper capability notes and official setup links.

Core features.

Feature cards focus on what the tool helps users do, not generated setup commands.

Say one sentence to your agent — Claude Code, Cursor, Codex, OpenClaw, Hermes all work.

Give the skill your brand assets (logo, colors, UI screenshots) and it reads your brand's voice; give it nothing and the built-in 20 design vocabularies still keep you out of AI slop territory.

Every animation in this README was made by huashu-design itself. No Figma, no After Effects — just a sentence + skill run.

📣 Now MIT-licensed. As of 2026-05-14 this skill is fully open-source under the MIT License — free for personal and commercial use, no authorization required.

Claude Design](#vs-claude-design)

📖 Note for English readers: this skill is built by a Chinese-speaking developer.

The skill's agent prompts (SKILL.md, references/.md) are in Chinese but the agent is bilingual — works fine with English tasks.

📖 致中文读者：这个 skill 由花叔（@AlchainHust）开发。一句话能让 agent 在 3–30 分钟内交付产品发布动画 / 可点击 App 原型 / 可编辑 PPT / 印刷级信息图。完整中文介绍见 README.zh.md。

Agent / Skill / MCP / Workflow fit.

This panel keeps technical format separate from the user-facing AI category.

Tool type SKILL

Use categories skill

Works with Codex, Claude Code, Cursor, Hermes Agent, Generic

Official setup path.

Generated install snippets are intentionally not mirrored here because they drift. The page links to source-owned setup docs instead.

source Official source github GitHub docs Docs / README quickstart Quick start releases Releases

Evidence and adoption notes.

These notes help a user decide whether to investigate the official project further.

Source repository last pushed at 2026-05-14T15:11:53Z.

Generated from source metadata; confirm operational details in the official project before adopting it.

Review the upstream license, maintenance activity, and issue history before using it in production.

Trusted source

Trace the origin before adopting.

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