Huashu Design Review: Say One Sentence, Get Back a Finished Design

Design work with an agent usually ends in a compromise. You ask for a prototype and get a gray wireframe. You ask for slides and get a generic deck. You ask for an animation and get told it cannot be done. The agent can write the code, but it has no taste, no style library, and no way to check its own work.

Huashu Design is built to close exactly that gap. It is a large HTML-native design skill for Claude Code, Codex, Cursor, and other agents, with nearly 29,000 GitHub stars and about 47,000 installs on skills.sh. One sentence in, one deliverable design out: a clickable app prototype inside a device frame, a 1920 by 1080 HTML slide deck with editable PPTX export, a timeline animation exported to MP4 or GIF with background music, or an infographic.

What is Huashu Design?

Huashu Design treats HTML as a design medium, not as a way to ship a web app. The skill file runs about 580 lines with 33 reference files, covering 84 styles that come with sample images, a six-candidate workflow that narrows three directions down to a final design, and a scored design critique. It also keeps a lookbook of your appearance preferences, so it gets more attuned to your taste the more you use it.

The output is always a real file you can open: HTML you can view in a browser, a PPTX with real editable text boxes, an MP4 or GIF you can share, or a PDF. Nothing is trapped inside the chat window.

Key Features

1. Clickable app prototypes in a device frame

Describe the app and get an interactive prototype rendered in HTML inside a phone or desktop frame. It looks like a product, not a wireframe, and you can click through the flows before any engineering starts.

2. Slide decks with editable PPTX export

HTML decks at 1920 by 1080 export to PowerPoint with real text boxes, not flattened images. The converter reads computed styles and maps them to genuine PPTX objects, so the deck stays editable in PowerPoint and Keynote.

3. Timeline animations as MP4 and GIF

Animations are built on a timeline and exported through Playwright and ffmpeg to MP4 or GIF, with background music. A short product teaser or a social clip comes out as a finished video file, not a description of one.

4. A style library with samples: 84 styles

Instead of defaulting to one look, the skill picks from 84 styles that each ship with a sample image, and shows six candidates before narrowing to three directions. The range covers product pages, docs, writing apps, navigation, and more, so the result is chosen, not accidental.

5. A scored critique and a lookbook that learns

Every design gets a five-dimension scored critique, and the skill keeps an appearance ledger of what you liked. Over time it learns your taste and stops proposing directions you have already rejected.

How It Works

Install it with the skills CLI. The command below pulls the whole skill from GitHub:

npx skills add alchaincyf/huashu-design

Then ask in plain words: make a design for this, build a presentation, generate an animation and export MP4, do a design critique, create an infographic. The agent picks a direction from the style library, builds the HTML, renders it for review, and exports the format you asked for. The skill triggers on requests for prototypes, slides, animations, MP4 or GIF export, reviews, and infographics.

Who Should Use Huashu Design?

Founders who need a landing page or pitch deck without hiring a designer, product managers who want a clickable prototype before a sprint, marketers who need a social clip or an infographic, and anyone who has ever received a gray wireframe and wished it looked like a product. It is especially strong for Chinese-speaking teams, since the prompts are written in Chinese, though the output designs are language-agnostic.

Pricing

Huashu Design is free and MIT licensed. There is no paid tier. The exports run on local tools such as Playwright and ffmpeg, so there is no hosted service to pay for, though generating video takes local compute time.

Pros and Cons

Pros: real deliverables, not descriptions: prototypes, editable decks, videos, infographics; a style library with samples prevents the one-default-look problem; the scored critique gives you a way to judge the result; MIT licensed with nearly 29,000 stars.

Cons: the skill prompts are primarily in Chinese, so non-Chinese speakers get less from the guidance text; it is maintained by a single author, so support depends on one person; video export needs Playwright and ffmpeg installed and takes real rendering time; the repository is large, over 200 MB, so the first install is heavy.

Final Verdict

Huashu Design is the most visually ambitious skill in this batch. It does not just advise your agent about design. It gives it a style library, a critique rubric, and exporters that turn the work into files you can ship. If you need designs rather than design advice, install it. Try it on GitHub: alchaincyf/huashu-design.