explaingit

alchaincyf/huashu-design

13,554HTMLAudience · vibe coderComplexity · 2/5LicenseSetup · easy

TLDR

Huashu Design is a skill for AI coding agents like Claude Code or Cursor that turns plain-English descriptions into finished prototypes, slide decks, animations, and infographics in minutes, with a built-in expert critique mode.

Mindmap

mindmap
  root((repo))
    What it does
      AI design skill
      Plain English input
      Finished visual output
    Output types
      App prototype
      Slide deck
      Animation or video
      Infographic
    Features
      20 design styles
      Brand matching
      Expert critique mode
    Audience
      Vibe coders
      Founders and PMs
      Non-designers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Build a clickable mobile app prototype with multiple navigating screens just by describing the app to your AI agent.

USE CASE 2

Generate a browser slide deck that also exports as a real editable PowerPoint file, not an image.

USE CASE 3

Create a print-quality infographic by describing the content and optionally supplying brand assets.

USE CASE 4

Get an expert critique of any existing design scored on five dimensions with a prioritized improvement list.

Tech stack

HTMLJavaScript

Getting it running

Difficulty · easy Time to first run · 5min

Internal agent prompts are in Chinese but the skill understands and responds to English tasks.

Personal use only, commercial use is not permitted.

In plain English

Huashu Design is a design skill you install into an AI coding agent, like Claude Code or Cursor, that lets you describe what you want in plain language and receive a finished visual output in minutes. You run one command to add it, then type instructions to your agent the same way you would talk to a designer. The agent does the rest: it picks styles, pulls in assets, writes the code, and delivers something you can actually use. The skill covers several distinct output types. You can get a clickable mobile app prototype with a realistic iPhone frame and multiple screens that actually navigate between each other. You can get a slide deck that works in the browser and also exports as a real PowerPoint file with editable text, not an image. You can get an animation or short promotional video rendered out as an MP4 or GIF. You can get a print-quality infographic with precise typography and real data. Each of these takes roughly 3 to 30 minutes depending on complexity. The built-in design system contains 20 distinct design philosophies, so even if you provide no brand assets, the output avoids the generic look common to AI-generated visuals. If you do have a brand, the skill walks through a five-step process to find your logo, colors, fonts, and screenshots before generating anything, so the result matches your actual brand rather than a guess. There is also a five-dimension expert critique mode. You can pass any design to it and receive scores on philosophical coherence, visual hierarchy, execution craft, functionality, and innovation, along with a prioritized list of what to keep, what to fix, and quick improvements you can make right away. The skill is agent-agnostic, meaning it works with Claude Code, Cursor, Trae, and other tools that support markdown-based skills. It was built by a Chinese-speaking developer and the internal agent prompts are in Chinese, but the skill understands and responds to English tasks without issue. The license is personal use only.

Copy-paste prompts

Prompt 1
Using the Huashu Design skill in Claude Code, create a 5-screen iPhone prototype for a food delivery app with navigation between screens.
Prompt 2
With the Huashu Design skill, generate a 10-slide presentation about our SaaS product that exports as a real editable PowerPoint file.
Prompt 3
Use the Huashu Design skill to produce a 15-second MP4 promotional animation for a new mobile app.
Prompt 4
Run the Huashu Design five-dimension expert critique on this landing page screenshot and give me a prioritized fix list.
Prompt 5
Use the Huashu Design skill to generate a brand-consistent infographic, here are our logo, color hex codes, and font names.
Open on GitHub → Explain another repo

← alchaincyf on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.