huashu-design
用一句话生成高保真原型、PPT、动画等设计产出的AI设计师
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：huashu-design。 它的用途是：用一句话生成高保真原型、PPT、动画等设计产出的AI设计师 完整的 Skill 内容见：https://321skill.com/skills/huashu-design/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘为我们的智能水杯新品做一个30秒的发布风格动画，需要体现科技感和生活美学。’ 它会首先验证产品信息，然后强制提供三个不同视觉诠释的方向（如暗色粒子流、明亮生活场景、极简线稿风）供你选择，选定后基于此方向生成完整的HTML动画，并可导出为MP4或GIF。
介绍
花叔Design是一个专注于用HTML进行高质量视觉设计的AI技能。它解决的核心问题是：当产品经理、创业者或市场人员需要快速产出可交互演示、动画、幻灯片等设计物料，但又缺乏专业设计工具技能或时间时，如何快速获得专业级、可直接交付的视觉作品。
使用方式非常直接：用户只需用自然语言描述设计需求（例如“做一个咖啡品牌的产品介绍PPT”或“设计一个智能手表的交互原型”），AI便会遵循一套严谨的设计流程。这套流程强制要求从三个差异化设计方向中让用户选择，确保产出不是AI的“想当然”，并且会主动搜索和验证品牌资产（如Logo、产品图），保证设计的真实性和专业性。
它非常适合产品经理、创业者、市场运营、课程讲师等非专业设计师角色，用于制作产品演示、融资路演材料、市场宣传动画、用户测试原型等场景。它强调“设计思维”而非“代码思维”，AI会扮演对应领域的专家（如动画师、幻灯片设计师）来思考。
与同类“生成前端代码”的工具相比，花叔Design的核心区别在于其强烈的“设计交付”导向和严谨的流程约束。它不是简单地生成一个通用网页模板，而是针对特定设计形态（如1920x1080的幻灯片、时间轴动画）进行深度优化，并内置了防止AI凭空捏造、强制多方案选择、事实与资产验证等机制，确保产出物的可用性和专业性。
核心特点
核心区别在于其强制性的“三方向初稿”流程和“事实验证先于假设”原则。无论用户是否指定风格，任何新设计都必须先产出三个真实、差异化的初稿供用户选择，避免了AI的单一主观输出；同时，对涉及真实品牌、产品的任务，会强制搜索验证最新信息和获取官方资产，确保设计基于事实，而非训练数据的陈旧记忆。
注意事项
不适用于需要后端逻辑、数据库交互的生产级Web应用开发，或对SEO、复杂动态交互有极高要求的正式网站建设项目。
常见问题
花叔Design能直接做出可用的网站吗？
不能。它专为高保真视觉设计产出（原型、PPT、动画）优化，生成的是用于演示、评审的HTML文件。如需开发完整网站，应使用其他前端开发技能。
如果我没有提供任何设计参考，AI能工作吗？
可以。这正是“Fallback设计方向顾问模式”的用途。AI会从其内置的多种风格库中，提供三个差异化的设计方向（例如“极简大白”、“深色科技感”、“品牌色沉浸”）让您选择，从而启动设计。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/huashu-design/raw/index.md 读取 huashu-design 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/huashu-design/raw/index.md（查看排版版本）