git404hub

what is huashu-design fr?

alchaincyf/huashu-design — explained in plain English

Analysis updated 2026-06-24

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

tl;dr

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.

vibe map

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

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

what do people make with this?

VIBE 1

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

VIBE 2

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

VIBE 3

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

VIBE 4

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

what's the stack?

HTMLJavaScript

how it stacks up fr

alchaincyf/huashu-designmmistakes/minimal-mistakesadityatelange/hugo-papermod
Stars13,55413,49313,485
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity2/52/52/5
Audiencevibe coderdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 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.

prompts (copy fr)

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.

Frequently asked questions

what is huashu-design fr?

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.

What language is huashu-design written in?

Mainly HTML. The stack also includes HTML, JavaScript.

What license does huashu-design use?

Personal use only, commercial use is not permitted.

How hard is huashu-design to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is huashu-design for?

Mainly vibe coder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.