上周做分享，卡在一页 PPT 上。

内容不复杂：把市面上的大模型产品分个类。但我做出来的东西，实在拿不出手。

一、先看这页 PPT 原来的样子

三块内容折线排布，logo 大小不一，配色是默认的深灰加绿。

信息本身没问题——脑是大模型，嘴是只能聊的对话助手，手是能干活的 Agent。但视觉上完全没有层次，观众第一眼看不出这三块是并列关系，更看不出它们之间有递进。

我不是设计师，也没打算学。于是直接把这张截图丢给了 WorkBuddy 里的一个专家：HTML幻灯片制作专家。

二、改完是这样

同样的信息，重新组织了一遍：

三卡横排，一色一角色。 脑用紫、嘴用蓝、手用绿，每张卡顶部一条强调色带。并列关系一眼可见。

每张卡三层信息。 角色定义 → 代表产品 → 能力标签。讲的时候有现成的落点，不用临场组织语言。

底部加了一条结论。 「脑 › 嘴 › 手」的递进，加一句“同样一个模型底座，差别在于它能不能替你把事做完”，右侧一个「我们要的是手」的落点徽章。这句是原来那页完全没有的，但恰恰是整页最该说的话。

最让我意外的一点：九个产品 logo 全部是从我那张原始截图里抠出来的，不是找的替代图。

深色底的 DeepSeek、智谱、小龙虾做了透明抠底，白底方形的混元、元宝、豆包、千问保留原始质感走圆角遮罩。我原本以为它会给我一堆通用图标凑数，结果是拿 numpy 逐个定位边界抠图——识别度完全保住了。

三、然后我提了个“过分”的要求

改完之后，我发现一个现实问题：这页内容是会变的。

新产品层出不穷，今天写 DeepSeek、明天可能就要加 Kimi。分享给不同的人，侧重点也不一样。每次都回来重新生成一遍，太蠢。

于是我提了个要求：这一页要能自己改。

结果它做的不是加个文本框那么简单，而是把整个页面重构成了数据驱动架构——所有模块和产品都从一份数据里渲染出来。这是能支持增删改查的前提。

点右上角「编辑」，整页就活了：

配套还有撤销（60 步）、脏标记提示、⌘S 导出保存、关页面前拦一次防丢改动。

四、颜色我又提了一次

第一版换色只有九个预设色。我说不够，要能自定义。

它给的方案比我想的多：

• 系统取色板 —— 可以吸取屏幕上任意颜色
• HEX 输入 —— 支持 #4ADE80、简写 #4a8、甚至不带 #；输错只标红，不会把颜色刷坏
• 色相 / 饱和度 / 明度三根滑杆 —— 滑杆底色是动态的，饱和度杆跟着当前色相走，明度杆是黑→本色→白，拖到哪就是什么色
• 最近用过的颜色 —— 一张卡调好的色，其余几张点一下复用

关键是边调边看：拖滑杆的同时真实卡片就在变色，不满意点取消立刻还原。

两个我没要求、但它主动做的细节：

一是亮度告警。 颜色选太暗时会提示“深色背景上偏暗，标题和标签可能看不清，建议明度调到 45% 以上”。只提示不拦，毕竟我可能就想要那个效果。

二是配色全局联动。 我原本只想着改卡片色，但它把底部结论条的渐变、徽章、顶部分隔线、背景氛围光全都跟着改了。

这点差别很大。如果只改卡片，就会出现“卡片变暖色、页脚还是紫的”这种割裂感。

上面这张是套用「暖调」后的效果，整页都是暖的，没有一处残留旧色。

顺手还做了六套现成方案，一键切换：

原版紫蓝绿、暖调橙红黄、冷调蓝青紫、荧光绿青柠、莫兰迪低饱和、单色品牌绿阶。套错了撤销一下就回来。

五、加模块会不会撑破版面

这是我最担心的。三张卡刚好，加到四张五张呢？

上面是加了第四个模块「眼」（多模态能力）之后的样子。字号、间距、logo 尺寸全部自动收敛，版面依然是满的，没有溢出。

它做了分档降级：三张卡是标准尺寸，四张收一档，五张再收一档，并且设了上限——最多五个模块、单个模块最多六个产品。超了会提示“版面会挤”。

长产品名也处理了。「Claude Code」这种在五模块状态下会挤，但不是简单截断成省略号，而是自动缩小字号保证完整显示。这个细节我最初提的是换行，被它否了——DeepSeek 换行会断成 DeepSe/ek，比截断更难读。

六、几个不那么美好的地方

要客观说，过程不是一路顺畅。

Bug 是真的会有。 中途遇到过三个：产品完全拖不动、换色弹窗点了没反应、长名显示成 DeepSe/ek。

有意思的是这些 bug 都不是它“想错了”，而是踩了浏览器的坑：

• 图片默认可拖，Chrome 启动原生拖拽后会立刻取消自定义拖拽
• pointerup
   事件收不到导致拖拽状态残留成“僵尸”，之后任何点击都被它劫持
• CSS 里的 !important 压过了 JS 设的字号

第二个坑最狠：控制台零报错。 表现就是“点了没反应”，纯靠埋事件日志才揪出来。

它自己会验收。 这点让我印象最深。每改完一轮它都跑自动化测试断言，而不是截个图说“看起来没问题”。最后一轮跑了 23 项颜色相关断言 + 14 项原功能回归，包括“导出后重新打开元素数量不能翻倍”这种我根本想不到要测的地方。

沟通成本还是有的。 「取色面板默认收起」这个设计，是测试报错才暴露出来的——点“换色”就是为了调色，还要再点一次展开，纯属多余。它改了，但如果不跑测试，这个别扭的交互可能就留下来了。

七、值不值得用

我的结论：做单页的信息图、汇报页、概念图，这个专家很值。

理由不是“生成得快”，而是三点：

一是它按“看”来沟通，不是按“描述”。 我不用组织语言说清我想要什么设计，丢一张截图，它给我一个方案，不满意再说哪里不对。对不懂设计的人，这个路径省心太多。

二是产物是零依赖单文件。 456KB 一个 HTML，logo 全内嵌，拷到任何机器双击就开。可以直接 Cmd+P 导出 PDF，也能截成 PNG 塞回 PPT。

三是它真的会加固。 提“要能改”，它重构架构；提“要自定义颜色”，它连亮度告警和全局联动都给了。这些不是我要求的，是它判断该有的。

不建议用它做什么：多页大型演示、需要复杂动画编排的场景、有严格 VI 规范要卡死的商务提案。它擅长的是单页把一件事讲透。

最后我把成品归档到了团队资料库，同事打开就能编辑——不用装环境，不用问我要源文件。这可能是比“做得好看”更实际的价值。

用法总结（想试的话）

1. 左侧「专家」里选 HTML幻灯片制作专家
2. 直接丢参考图或截图，配一句讲稿说明要表达什么
3. 出稿后按需追加要求：「要能编辑」「颜色要自定义」「加个模块」
4. 产出的 HTML 双击即用，Cmd+P 导出 PDF，右上角进编辑模式随时改

一句话：别把它当生成器用，当成一个会自己较劲的设计师用。