alchaincyf/huashu-design

解决的问题

Huashu Design 是一个面向 AI 代理（如 Claude Code、Cursor 和 Codex）的设计自动化技能，允许用户仅通过文本提示生成专业且可交付的设计。它消除了对 Figma 或 After Effects 等手动 GUI 工具的需求，使代理能够直接从终端生成高保真度的交互式原型、演示文稿和动态图形。

如何工作

该项目提供了一套结构化的指令（SKILL.md）、资产和脚本，将 AI 代理转变为专业设计师。它采用以下核心机制：

• 品牌资产协议：一个严格的 5 步流程，代理会搜索官方品牌指南，从资产中提取实际的十六进制颜色代码，并创建品牌规范，以避免猜测颜色。
• 设计方向顾问：当需求模糊时，代理会并行运行三条逻辑路径（随机选择、真实世界获奖作品参考、顶级工作室理念），为用户提供三种不同的视觉方向供选择。
• 初级设计师工作流：代理遵循专业的迭代流程：澄清假设、使用占位符进行早期反馈，然后优化内容和变体。
• 技术工具链：使用 60 个原生 HTML 样式库和自定义动画引擎（Stage + Sprite 模型）进行渲染。包含脚本，可将这些 HTML 输出导出为 MP4、GIF、PDF 和可编辑的 PPTX 文件。

适用人群

专为偏好基于聊天的代理工作流而非传统图形用户界面的用户设计，特别适合需要快速生成高质量产品发布动画、可点击的应用原型或无需手动设计的专业演示文稿的用户。

亮点

• 多样化的交付成果：生成可点击的 iOS/Web 原型、可编辑的 PPTX 幻灯片，以及带有背景音乐的高帧率动态图形。
• 代理无关性：兼容任何支持「技能」框架的代理（如 Claude Code、Cursor、OpenClaw）。
• 防止 AI 模糊感：使用特定的 CSS 技术（如 text-wrap: pretty 和 OKLCH 颜色）避免通用的 AI 生成视觉模式。
• 本地执行：渲染和导出流程 100% 本地运行，核心设计功能无需任何 API 密钥。