🖌️

Huashu Design

ClaudeFreeDesign

Huashu Design is an HTML-native design skill: say one sentence in your agent and, in 3–30 minutes, get back a shippable launch animation, a clickable App prototype, an editable slide deck, or a print-grade infographic. Give it your brand assets and it reads your style; give it nothing and a 40-style HTML-native library (20 web + 20 PPT) plus a three-logic advisor keeps output off the AI-slop defaults. Agent-agnostic — Claude Code, Cursor, Codex and more.

Key Features

One sentence to a shippable design
Prototypes/slides/animation/infographic
20 web + 20 PPT native styles
5-dimension review + MP4 export

Installation

Run in any skills-compatible agent:
npx skills add alchaincyf/huashu-design
After install, check the folder (e.g. ~/.claude/skills/huashu-design/) contains the references/, assets/, scripts/, demos/ subdirs; if only SKILL.md is there, your skills CLI is too old — upgrade and reinstall:
npm i -g skills@latest
Still broken? git clone fallback:
git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design

How to Use

After install, just talk to your agent (Claude Code / Codex / Cursor): e.g. 'Make a slide deck on the psychology of AI, propose 3 style directions to choose from', 'Build an AI pomodoro iOS prototype with 4 clickable core screens', 'Turn this logic into a 60-second animation, export MP4 and GIF', 'Give this design a 5-dimension review'. No buttons, panels, or Figma plugin.

Huashu Design

Key Features

Installation

How to Use

Requirements

Related Skills