Huashu Design

Agent skill that renders prototypes, decks, MP4 motion and infographics from prompts

Tier A · StrongAgent SkillTheme PackAI Toolgithub.com

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.

Install

npx skills add alchaincyf/huashu-design

For an agent

Install 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.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: Vanilla JS, Not applicable
Styling: Vanilla CSS, CSS custom properties
Distribution: Agent skill / rules pack, GitHub repository, CLI installer, Copy-paste snippet
Platform: macOS, Linux, Windows, Terminal / CLI, Print / static document
Content type: Code, Prompts, Design tokens / theme files, Video, PDF document, Images / textures / backgrounds
Agent readiness: Agent skill or rules pack, CLI installable, Readable open source, Structured documentation, Copy-paste ready code
Accessibility: Unknown
Maturity: Actively maintained
GitHub stars: 23,100

Components it ships

Device Frame Animation Radar Chart Chart Typography Heading Hero Image Gallery Page Transition

Helps you build

Homepage Features Analytics Onboarding Mobile Press Media

Templates

3 of 60

Notable for

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

Provenance

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).

Also in Agent Design Tooling

github.comTier A