Huashu Design
Agent skill that renders prototypes, decks, MP4 motion and infographics from prompts
Huashu Design is an MIT-licensed agent skill that turns a text brief into a finished design deliverable without opening a GUI: clickable HTML prototypes with iPhone/Android/macOS device frames, HTML decks that export to editable PPTX, MP4 and GIF motion at 25 or 60 fps, print-ready infographics as PDF/PNG/SVG, and a five-dimension design critique. It ships a 60-module HTML-native style library — 20 website presets, 20 presentation themes and 20 infographic layouts — all CSS-only, plus a Stage/Sprite animation engine and a deck_stage.js slide engine. A five-step brand-asset protocol makes the agent fetch, download and grep real brand pages for exact colour values instead of guessing them. It is for designers and agent users who want art-directed output rather than the purple-gradient default look.
npx skills add alchaincyf/huashu-designInstall this when the ask is a polished visual deliverable — a clickable prototype, a deck that must open in PowerPoint, an animated MP4, or an infographic — and you want the output to look art-directed instead of AI-default. Its real value is the 60-module style library and the brand protocol: make it grep the real brand page for colour values rather than recalling a hex, and ask for three parallel variations early so you get batch feedback before committing render time. Pair it with Open Design if you also need a persistent DESIGN.md across projects; keep the optional cloud scripts in /scripts/cloud disabled if the work must stay offline, since the core render path is 100% local.
Why it is here. It is one of the few agent skills that treats anti-AI-slop as an explicit design constraint, and its PPTX export from computed DOM styles solves the last-mile problem that kills most HTML decks.
- 60 CSS-only style modules across web, deck and infographic
- HTML deck to editable PPTX via computed DOM styles
- MP4/GIF export from a Stage + Sprite animation engine
- five-step brand-asset protocol that greps real colour values
- 100% local render pipeline, cloud calls opt-in
Verified 2026-08-15. HTTP 200. https://github.com/alchaincyf/huashu-design (README, stars, license, install command, style-library counts, brand protocol, SECURITY.md references).
