huashu-design — Skills — getagentictools

What it does

交互原型：高保真产品mockup，用户可以点击、切换、感受流程

设计变体探索：并排对比多个设计方向，或用Tweaks实时调参

演示幻灯片：1920×1080的HTML deck，可以当PPT用

动画Demo：时间轴驱动的motion design，做视频素材或概念演示

信息图/可视化：精确排版、数据驱动、印刷级质量

用户提到你不熟悉或不确定的具体产品名（如"大疆 Pocket 4"、"Nano Banana Pro"、"Gemini 3 Pro"、某新版 SDK）

涉及 2024 年及之后的发布时间线、版本号、规格参数

Huashu-Design · HTML-first prototyping, animations, and design direction for AI agents.

Source

Repository: https://github.com/alchaincyf/huashu-design

huashu-design FAQ

What does the huashu-design skill do?

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。交互原型：高保真产品mockup，用户可以点击、切换、感受流程设计变体探索：并排对比多个设计方向，或用Tweaks实时调参

What does huashu-design require?

没有 window.claude.complete 免配置 helper：若 HTML 里要调 LLM，用一个可复用的 mock 或让用户填自己的 API key，详见 references/react-setup.md

How do I install huashu-design?

Run: npx -y skills add https://github.com/alchaincyf/huashu-design --skill huashu-design --agent claude-code — the source lives at github.com/alchaincyf/huashu-design.

Maintain huashu-design?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![huashu-design on getagentictools](https://getagentictools.com/badge/skills/alchaincyf-huashu-design-huashu-design.svg)](https://getagentictools.com/skills/alchaincyf-huashu-design-huashu-design?ref=badge)

npx agentictools info skills/alchaincyf-huashu-design-huashu-design

The second line is the CLI lookup for this page — handy in READMEs and docs.