让 Claude 的视觉输出告别”AI味”:Design Elevation Skill 测评
Claude 做出来的 PPT 为什么总像模板?
用过 Claude 做演示文稿、数据报表或者落地页的朋友,大概都有这个感受——功能倒是实现了,但一眼看去就是”AI味”:系统默认字体、纯黑配纯白、间距均匀得像 Excel 导出、卡片布局千篇一律……
问题不在 Claude 不够聪明,而在于它默认用的是最安全的选项——而最安全的选项,永远是 最没有个性的那个。
所以 Anthropic 官方出了一个专门解决这个问题的 Skill——Design Elevation。
它做了什么?
这个 Skill 的核心理念来自 Alla Kholmatova 的 Design Systems 框架:把设计决策分成两个维度——功能层(用户操作什么)和感知层(看起来什么感受)。
安装之后,当你让 Claude 做任何视觉输出——PPT、Excel 报表、仪表盘、HTML 页面、数据可视化——它会自动触发Elevation Protocol:
- 先做一版能用的
- 问自己:字体对吗?颜色有存在的理由吗?间距为什么是这么多?
- 参考 Stripe、Linear、Apple、Bauhaus、Swiss Design 的设计原则
- 挑选 1-2 个视觉技巧,用到位,而不是泛泛地加上十几个样式
- 最终检查:它看起来像是经过多轮专业设计打磨的吗?
用户看到的是最终成品,过程中间全部在 Skill 里默默执行,不需要每次都手动描述设计要求。
装完前后差别有多大?
官方给了个很直观的对比:
装之前(普通模式):系统默认字体、纯黑字配纯白底、每个元素间距一样、默认 PPT 样式、没有视觉层次、像模板套出来的。
装之后(Elevation 模式):精心挑选的字体配对、基于品牌/情绪的配色方案、节奏感的间距系统、专业的排版层级、细节打磨过的质感——像是经过资深设计师多轮review的成果。
适合什么人用?
如果你经常需要用 Claude 产出:
- 给客户看的演示文稿
- 内部数据仪表盘
- 产品汇报的 HTML 页面
- 带图表的数据分析报告
Design Elevation 基本上是现在最完整的系统性设计提升方案。MIT 协议,完全免费,在 Claude Code、Claude.ai、Cursor、Codex 等主流 AI 编程工具里都能用。
官方 Skill 页面甚至专门写了一篇 Use Cases 来讲这个 Skill 的设计思路——不是教你用哪个颜色、哪个字体,而是把”怎么做设计判断”这件事封装成可执行的 SOP,让 AI 每次产出都自动走一遍专业设计师的思考流程。
安装方式
通过 skills.sh 安装(最简单):
npx skills add cuellarfr/design-skills --skill design-elevation
或者手动下载 SKILL.md 到你的 Claude skills 目录:
~/.claude/skills/design-elevation/SKILL.md
GitHub 仓库里有完整的 SKILL.md 和 references/ 目录(包含设计自检清单、400+ 视觉技巧目录、参考范例库等),安装完 Skill 会自动读取这些参考文件。
https://github.com/cuellarfr/design-skills
评论区
登录后可评论。