#5757th of 73 in Skills, plugins and rules

huashu-design

Agent skill that turns prompts into HTML prototypes, decks, animations and infographics

Live demo ↗ Website ↗ Repository on GitHub ↗

Stars: 25k
License: MIT
Last commit: Oct 2026
Last release: Apr 2026
Language: HTML

Stars, last 25 weeks+20,365

4,596 on 22 Apr 202624,961 on 14 Oct 2026

From GitHub's daily star counts.

Checked 15 Oct 2026 on GitHub.

Overview

A skill for Claude Code, Cursor, Codex and other skills-compatible agents, installed with `npx skills add alchaincyf/huashu-design`. It produces single-file HTML prototypes, HTML slide decks exportable to editable PPTX, timeline animations exported as MP4/GIF, infographics and 5-dimension design reviews. It adds a brand-asset protocol and a library of 60 HTML-native styles.

Who it is for: Developers using coding agents to produce design deliverables without a GUI tool

Strengths

Works across skills-compatible agents: Claude Code, Cursor, Codex, OpenClaw, Hermes
Exports HTML decks to PPTX with real editable text boxes via html2pptx.js
Core render and export pipeline runs locally; cloud features are optional, in scripts/cloud/
Brand protocol extracts colors from official assets and writes brand-spec.md

Weaknesses

Output is HTML; no layer-level export to Figma or Keynote
3D, physics and particle animation are out of scope
README says quality drops to 60-65 of 100 with no brand context
skills CLI 1.5.15 and older installs only SKILL.md, missing subdirectories

What it needs

no GPU
Needs Node.js, Playwright, ffmpeg, Python
Models: Claude Code, Cursor, Codex, OpenClaw, Hermes

Also in Skills, plugins and rules

See all 73

Also in Skills, plugins and rules
Rank	Project	Score
1	skillsAgent skills for planning, TDD, debugging and code review291.3k starsMIT	94 out of 100
2	eccAgents, skills, hooks and rules bundle for Claude Code, Codex and other harnesses279.5k starsMIT	94 out of 100
3	cavemanCuts token use in coding agents with terse replies and compressed inputs Live demo ↗ (opens in a new tab)111.9k starsApache-2.0	93 out of 100
#4	ponytailSkill prompt that makes coding agents write less code and add tests163.6k starsMIT	92 out of 100
#5	ui-ux-pro-max-skillDesign-system skill that gives coding agents searchable UI styles, palettes and fonts135.9k starsMIT	91 out of 100

How to choose

Check which agent it targets and whether it works with the version you run.
Read what it adds to every prompt; big rule sets cost tokens on each call.
Prefer add-ons you can turn off per project.

Health

Releases: 1 in the last 12 monthsLast one 177 days ago
Top contributor: 98% of commits80 of 82 in the last 12 months
Security advisories: NoneOn GitHub, in the last 12 months
OpenSSF Scorecard: Not checked

Read from GitHub, deps.dev and OpenSSF on 15 Oct 2026. Bots and coding-agent accounts are left out of the commit counts. Not part of the score: how we check.

License in plain words

MIT Permissive

Use it at work: Yes
Change it and rebrand it: Yes
Sell it or host it for others: Yes

Your part: Keep the copyright and license notice in copies you ship.

A plain summary, not legal advice. Read the license on GitHub ↗ (opens in a new tab)

#57 of 73 in Skills, plugins and rules on Archestack, as of 15 Oct 2026.

In your README

The badge updates twice a day.

[![Archestack](https://archestack.com/badge/alchaincyf/huashu-design.svg)](https://archestack.com/best-of-vibe-coding/projects/huashu-design/)

How badges work

On your site or blog

A card with the rank, score and signals, in light or dark to match the reader.

<iframe src="https://archestack.com/embed/best-of-vibe-coding/huashu-design/" title="huashu-design on Archestack" width="400" height="270" style="border:0;max-width:100%" loading="lazy"></iframe>

Preview the card

Best of Vibe Coding on GitHub

Each review comes from the project's README and facts we check on GitHub. The fix form opens with huashu-design filled in.