Open CoDesign
Turns a written request into a clickable prototype, slide deck or PDF on your computer
by OpenCoworkAI
Huashu Design
by 花叔SkillMake visuals
Turns a one-line request into a web page, app prototype, editable slides or an infographic
About Huashu Design
A design skill that turns a short request into finished visual work: web pages, clickable app prototypes, editable slide decks, animations and infographics, exported as HTML, PPTX, PDF, PNG, MP4 or GIF.
For People who make slides or postersProduct people prototyping apps
Made by 花叔
Huashu (花叔) is an individual developer on GitHub whose profile lists three published skills: nuwa-skill, darwin-skill and huashu-design.
- Stars
- ★ 28k
- License
- MIT
- Cost
- Usage-based
- Level
- Intermediate
- Contents
- Includes scripts
Examples
From the project's own repository · 4 images, swipe or use the arrows.
Overview
Huashu Design is a design skill by 花叔 that makes finished visual work from a short request. You describe what you need, optionally with your logo, colors or screenshots; it proposes several style directions and builds the strongest three as real designs, then exports the one you pick as HTML, editable PPTX, PDF, PNG, MP4 or GIF. It covers clickable app prototypes, slide decks, motion graphics, infographics and Xiaohongshu image sets. It suits people who want design work from their agent instead of a design app.
You choose between real designs built from different style directions, not from descriptions, and its style library has a sample page for every style.
Try these first
Start with the first one: it is a small task you can check easily.
- Give me three style directions for a one-page poster about [topic]. Let me pick one before you export it.First try · directions first
- Make a keynote about [topic] and export it as an editable PPTX.writes files
- Build an iOS prototype for a Pomodoro app with 4 clickable screens.
- Turn this explanation into a 60-second animation and export MP4 and GIF: [paste text]writes files
Example prompts written by Agent Flows Hub.
What you get
From the creator's documentation.
| Output | What it is | Reads |
|---|---|---|
| Style directions | Six thumbnails, with the three strongest built as real designs to choose from | Your computer |
| Slide decks | An HTML deck plus an editable PPTX with real text boxes | Your computer |
| App prototypes | A clickable single-file HTML prototype inside a phone frame | Your computer |
| Motion | Animations exported as MP4 and GIF, with optional background music | Your computer |
| Infographics | Print-style layouts exported to PDF, PNG or SVG | Your computer |
| Design check | Flags broken images, text that is too small, low contrast and console errors | Your computer |
Good to know
Get a finished slide deck, app prototype, poster or infographic from a short request in your agent. The skill proposes several style directions, builds the strongest three as real designs, then exports the one you pick to the format you need.
Limits
- The skill's instructions are written in Chinese; the README says the agent handles English requests too.
- The output is HTML. Slides export to editable PPTX, but there is no round trip into Figma, and 3D, physics or particle animation is out of scope.
Notes by Agent Flows Hub (original project name: huashu-design), written from the creator's documentation, not from running it ourselves. Huashu Design README (English) · huashu-design SKILL.md
Stuck setting it up?
Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.
More to make visuals
Other skills
- Huashu Motion Makes a launch film with music for your product; click any frame to ask for a change
- Human Writing (Chinese) Writes Chinese articles and stories that read like a real person talking, not a model
- Humanizer Removes the telltale signs of AI writing from your drafts
- HyperFrames Slideshow Builds a presentation deck you click through live, with reveals and speaker notes
- Image to Three.js 3D Model Rebuilds the object in one photo as a 3D model written in Three.js code
- Impeccable Gives your coding agent design commands to critique, polish and restyle web pages