文章导读：
AI 时代做 PPT，只能在“高颜值难修改”和“易排版但廉价”中二选一吗？开源神器 Huashu Design Skill 的横空出世或许打破了这一僵局。作为 GitHub 斩获 15k+ Star 的“全能开源 Claude Design”，它既能生成 Stripe 级的高保真 HTML 演示稿，又能导出可修改的 PPTX 文件。本文将通过实测，揭秘这款工具如何兼顾视觉美感与落地效率，为职场人提供一条全新的高效演示路径。
在之前的文章《AI 时代如何高效制作 PPT？实测 HTML-PPT vs Manus》中，我们实测了通过 AI 制作PPT的两条路径：HTML-PPT Skill凭着优秀的审美交互，成了颜值担当，但存在二次编辑不便的门槛；Manus 等智能体虽能原生输出 PPT 文档，但排版设计过于基础，往往让专业汇报显得廉价。
在5月中旬，由花叔开发的Huashu Design Skill 正式开源。作为一款开源且基于 MIT 协议可免费商用的 Skill，它被社区誉为“更全能的开源Claude Design”。GitHub 斩获超 15k Star 的成绩，足以证明它并非泛泛之辈。
今天，我们将继续使用 302.AI 客户端进行实测，通过这个Skill来制作 PPT 演示稿。从内容结构的逻辑梳理，到视觉布局的精细化控制，了解其能力边界。
I. Huashu Design Skill 基础信息
1.什么是Huashu Design？
huashu-design 是一个用 HTML 做高保真设计产出的开源 AI 设计 Skill，由独立开发者花叔（@AlchainHust） 开发。它的核心哲学是：
HTML 是工具，不是媒介——做幻灯片时别像网页，做动画时别像 Dashboard，做 App 原型时别像说明书。
它让设计直接在终端完成，彻底告别图形界面，实现 “打字 → 回车 → 交付设计” 的工作流。
2.Huashu Design 有什么特色？
- 七大设计能力
| 能力 | 交付物 | 典型耗时 |
|---|---|---|
| 交互式原型 (App/Web) | 单文件 HTML，真实 iPhone 边框，可点击，Playwright 验证 | 10-15 分钟 |
| 幻灯片 | HTML 演示文稿 + 可编辑 PPTX（保留文本框） | 15-25 分钟 |
| 动画设计 | MP4 (25fps/60fps 插帧) + GIF + BGM | 8-12 分钟 |
| 设计变体探索 | 3+ 并排对比，实时调参 | 10 分钟 |
| 信息图/数据可视化 | 印刷级排版，导出 PDF/PNG/SVG | 10 分钟 |
| 设计方向顾问 | 5 流派 × 20 种哲学，推荐 3 个方向 | 5 分钟 |
| 五维度专家审查 | 雷达图 + Keep/Fix/Quick Wins 清单 | 3 分钟 |
- 品牌资产协议（5 步硬流程）
这是从 Claude Design 借鉴并落地的核心机制：
| 步骤 | 操作 | 目的 |
|---|---|---|
| 1. 询问 | 确认 6 类资产：logo / 产品图 / UI 截图 / 色板 / 字体 / 品牌指南 | 尊重现有资源 |
| 2. 搜索官方渠道 | 访问 brand.com/brand、press 页面等 | 找到权威资产 |
| 3. 按类型下载 | Logo (SVG) → 产品图 → UI 截图，每条有 3 条兜底路径 | 确保拿到资产 |
| 4. 验证+提取 | 检查 logo 保真度、图片分辨率、用 grep 提取真实色值 | 绝不凭记忆猜测 |
| 5. 固化成 spec | 写入 brand-spec.md，包含所有 CSS 变量 | 防止知识蒸发 |
- 反 AI-Slop 规则
内置规则避免典型的”AI 生成感”：
- 禁止紫色渐变
- 禁止 emoji 作为图标
- 禁止过度圆角边框
- 禁止无理由的衬线展示字体
- 使用 OKLCH 色彩空间（感知均匀）
- 使用
text-wrap: pretty+ CSS Grid + 精心选择的字体
- 与 Claude Design 的对比
| 特性 | Claude Design | huashu-design |
|---|---|---|
| 形态 | 浏览器中的 Web 产品 | Claude Code 中的 Skill |
| 配额 | 订阅配额限制 | API 消耗，可并行多个 Agent |
| 输出格式 | 画布 + Figma 导出 | HTML / MP4 / GIF / PPTX / PDF |
| 交互方式 | GUI（点击、拖拽、编辑） | 对话（告诉 Agent，等待结果） |
| 复杂动画 | 有限 | Stage + Sprite 时间轴，60fps 导出 |
| Agent 兼容性 | 仅限 Claude.ai | Claude Code / Cursor / 多平台 |
II. 安装使用Huashu Design
该Skill支持：Claude Code, Cursor, Codex, OpenClaw, Hermes
以下教程针对302.AI客户端进行演示，还未下载安装的用户可前往https://studio.302.ai/zh进行下载。
1.安装Skills
打开客户端「设置」菜单，找到「Skills」页面，点击右上角「安装」按钮。
302.AI支持4种模式对Skills进行安装，这里我们使用GitHub链接的方式。
https://github.com/alchaincyf/huashu-design
导入上述链接，即可零配置，自动完成安装。
2.激活使用Skills
在新窗口，选择好自己希望使用的模型后，选择「Vibe模式」，点击「搜索Skills」按键选择需要激活使用的Skills.
找到huashu-design，点击「使用」
回到首页，即可看到已激活技能。
III. 实战案例
使用配置：302.AI客户端Vibe模式 + Kimi K2.6 + Huashu Design skill
任务目标：制作一份10页，内容主题为 DJI Pocket 4 的产品宣传演示稿。
阶段1：准备阶段
为了确保图像质量，我自行准备包括Logo，产品图等素材，上传至指定文件夹。
接下来，与模型确认PPT的内容要求：
阶段2：生成阶段
模型会根据Skill的准则，规划todo任务，依次完成。
阶段3：输出资产
生成的内容提供了html源文件以及对应页面的png截图，再要求输出pptx格式.
HTML截图展示：
PPT文件展示：
输出了一套与 HTML 视觉风格完全一致、内容完整的 PPT，但部分页面排版存在偏移问题，需手动调整。
调整排版后效果：
阶段4：视频生成
无需用户手动操作，告知模型将演示稿内容渲染为MP4格式即可，模型会基于huashu-design的预设步骤进行渲染。视频还很贴心地输出为有声和无声两版。
IV. Huashu Design Skill小结
首先明确一点，作为一款被社区誉为“更全能的 Claude Design”的 Agent 原生 HTML 设计工具，Huashu Design的能力不限于幻灯片/动画设计，还包括交互式原型，数据可视化等应用场景。以下结论仅围绕幻灯片演示文稿这一核心场景展开。
1.多资产输出：HTML + PPT，兼顾演示与二次修改
毫无疑问这是Huashu Design最大亮点，极大提升了实用性与任务效率：HTML能解决跨设备展示问题，PPT方便在本进行二次编辑；MP4视频我并不推荐，缺乏亮眼动效，只是ppt页面的静态堆叠，可以本地自行完成。
Huashu Design 的最大亮点，就在于它“一次生成，多种资产输出”的能力，这极大提高了实用性：
HTML 网页格式（演示首选）：如之前文章提到的，HTML网页版的 PPT 无疑是跨设备演示的万金油——不管你是用笔记本，平板、Mac还是现场的 Windows 投影仪，只要有浏览器，双击打开就能完美演示。字体绝不乱，排版不缩水。
PPT 本地文件（修改兜底）：如果有内容需要定向修改，完全不用重新跑一遍 AI，在本地Office里直接改PPT 格式文件即可。
MP4 视频格式（暂不推荐）：虽然它也支持将页面渲染为 MP4 视频，但相比于Remotion，HyperFrames这些专为视频需求打造的Skill，目前它所生成的视频动效相对单一，本质上只是把静态的 PPT 页面进行了时间轴上的堆叠。这种单纯的幻灯片轮播，在本地用软件制作即可。
2.低上手门槛，整体审美在线
很多人面对 AI 的痛点不是 AI 不聪明，而是自己的表达能力——不知道该怎么给出明确，专业的指令，从而提升输出质量。
而Huashu Design的上手非常友好：
问答引导式输入：当你不知道文稿该用什么风格、内容大纲如何安排，Huashu Design 不会粗暴地丢给你一个空白输入框。而是像专业设计师一样，逐步引导你明确品牌色、核心素材、受众群体等，以问答的形式，逐步将设计需求对齐。
Stripe/Vercel 级的设计美学兜底：从最终的输出结果来看，它的页面摆脱了传统的“AI土味”，反而透着一股高级感。这背后是其成熟的设计决策逻辑，无论你的提示词如何简单，经过这套系统理解处理，呈现的都是字重考究、色彩呼吸感强、模块分割清晰的高质量结果。可以说，它内置的设计哲学，直接保证了产出资产的审美下限。
作为一款 Agent 原生的设计 Skill，Huashu Design让设计决策退居幕后，用极简的 CLI 终端操作和强大的代码渲染能力，切实能帮助普通人实现在 15 分钟内高质量的结果交付。
适用人群：需要频繁进行项目路演、高频商务汇报、日常产品分享的开发者、产品经理，以及任何苦于PPT审美，排版的日常打工人。
即刻体验302.AI客户端
👉立即注册免费试用302.AI，开启你的AI之旅！👈
为什么选择302.AI？
● 灵活付费：无需月费，按需付费，成本可控
● 丰富功能：从文字、图片到视频，应有尽有，满足多种场景需求
● 开源生态：支持开发者深度定制，打造专属AI应用
● 易用性：界面友好，操作简单，快速上手
