Skip to content
UI Aesthetics

Huashu Design

Tool coverage — filled cells are supported. Full names under “Works with” below.

Type a sentence, get a shippable prototype, deck, or launch animation — no Figma, no After Effects.

A single, extremely produced skill: describe what you need — a clickable app prototype, a 1920×1080 slide deck, a launch animation, a print-grade infographic — and it ships in 3 to 30 minutes, entirely in HTML. No Figma, no After Effects; the medium is HTML but the output never looks like a webpage pretending to be a deck or a prototype pretending to be a poster.

The task-routing table at the top is the clever part: it reads your request, decides which of nine specialist reference docs to load (storyboard basics for animation, camera-language for motion shots, a screenshot-vs-rebuild decision tree for UI demos), then works like whichever specialist that implies. Give it your logo, colors, and UI screenshots and it reads your brand’s voice; give it nothing and twenty built-in design vocabularies keep it out of generic AI-slop territory.

Install: npx skills add alchaincyf/huashu-design. Verify after installing — this ships with 99 supporting files (references, assets, scripts, demos), and older skills CLI versions (≤1.5.15) had a bug that synced only the single SKILL.md file.

Gotcha: the skill’s own prompts are written in Chinese (the author is a Chinese-speaking developer), though the agent works fine with English tasks — the English README is a parallel translation, not the skill’s actual source of truth.

File & content map

SKILL.md

Huashu Design

Type a sentence, get a shippable prototype, deck, or launch animation — no Figma, no After Effects.

Contents — 17 sections

你是谁
你不是一个人,是一个工作室
你可以想多久
使用前提
任务路由:一张表定入口
核心原则 #0 · 事实验证先于假设(优先级最高,凌驾所有其他流程)
核心哲学(优先级从高到低)
1. 从existing context出发,不要凭空画
2. 先对齐假设,再动手做
3. 给variations,不给「最终答案」
4. Placeholder > 烂实现
+ 2 more
设计方向顾问(Fallback 模式)
完整流程(7 个 Phase,顺序执行;Phase 3.5 是图片前置半步)
App / iOS 原型专属守则(速查版)
工作流程
标准流程(用TaskCreate追踪)
🔴 Gate文件协议(检查点的物化,任何授权语气不豁免)
问问题的要点
异常处理
反AI slop速查(补充项)
技术红线(必读 references/react-setup.md)
Starter Components(assets/下)
References路由表
跨 Agent 环境适配说明
弱 runtime 降级模式
产出要求
Skill 推广水印(仅动画产出)
版本自检(静默)
content section file folder