Appearance
AI做设计不靠猜:62个大厂风格+6个做图Skill
AI做出来的东西太统一了——主色多为紫色,一眼就能认出是AI做的。问题不在AI,在没有给它风格参照。这篇文章整理了62个大厂设计规范和6个做图Skill,让AI输出有方向。
为什么AI做出来的东西都长得一样?
Vibecoding有个通病:做出来的东西太统一了。
主色多为紫色,看得多了审美疲劳,一眼就能认出是AI做的。
如果不去限定风格描述,它永远都是默认的出厂设置风格。
而风格这件事,一直是大厂在引领:
- 苹果有自己的设计规范,每个版本升级都在迭代
- 谷歌的Material Design
- 字节的Semi Design
- 阿里的Ant Design
- Notion的黑白极简
- Linear的极简紫
这些大厂的设计规范,是整个行业的审美教科书。用户对"好看"的感知,也被这些产品训练了多年。
所以当你说"做成苹果风格",背后是一套几十年积累、几百页规范、几千个组件决策的系统——不是一句话能描述清楚的。
一、62个大厂设计规范:给AI一份审美说明书
有人把这些规范都整理成了MD文件,汇聚了62个全球顶级品牌的设计语言,提炼成结构化的DESIGN.md文件,让AI编码Agent能直接读懂并执行。
覆盖品牌横跨科技、消费品、奢侈品、金融:
| 类别 | 品牌 |
|---|---|
| 科技巨头 | Apple、Google、Microsoft、Meta、Amazon |
| AI产品 | Claude、OpenAI、Midjourney、Stability |
| SaaS | Notion、Linear、Figma、Stripe、Vercel |
| 消费品 | Nike、Spotify、Airbnb、Uber |
| 金融 | PayPal、Stripe、Coinbase |
每个品牌背后是一份Markdown文件,描述:字体体系、主色调、组件规范、表面质感、排版逻辑。
怎么用?
第一步:选品牌,装文件
bash
# 苹果风
npx getdesign@latest add apple
# Claude风
npx getdesign@latest add claude
# Notion风
npx getdesign@latest add notion跑完之后,项目根目录会多一个DESIGN.md。
第二步:告诉AI
在你的prompt里加一句:
参考项目根目录的DESIGN.md,按照里面的设计规范来写这个页面的UI。
AI有了具体的参照物,不靠猜了。
支持风格混搭
同时装多个品牌的DESIGN.md,然后告诉AI:
用Notion的暖色调,结合Linear的极简排版,帮我做这个组件。
相当于给Agent 62个可选择的审美维度,可以单选,可以混搭,产品的风格标识度一下子就上来了。
实测效果
用一个叫Lumina的虚构AI写作工具作为内容,分别按Apple、Notion、Claude三套DESIGN.md生成落地页:
| 风格 | 特点 | 适合场景 |
|---|---|---|
| Apple | 极致留白+电影质感 | 高端产品页、精品SaaS |
| Notion | 暖色极简+衬线阅读感 | 工具类产品、知识库界面 |
| Claude | 赭石强调色+编辑排版 | AI产品页、知识密集型界面 |
同一套内容,三种风格,三家完全不同的公司做的产品。
二、6个做图Skill:PPT和海报效率翻倍
设计规范有了,具体怎么做图?OpenClaw的ClawHub技能市场已有超过13000个技能,涵盖PPT生成、海报设计、图片生成等视觉创作全链路。
1. ppt-maker:本地生成,零API费用
社区口碑最好的PPT Skill之一,完全本地运行,不需要任何API Key,生成标准.pptx文件,可以直接用PowerPoint或WPS打开编辑。
支持6种风格主题:
| 主题 | 风格 | 适合场景 |
|---|---|---|
| ocean | 蓝色海洋 | 科技/专业汇报 |
| sunset | 橙红日落 | 温暖/创意分享 |
| purple | 紫罗兰 | 设计感演示 |
| luxury | 黑金奢华 | 高端/产品提案 |
| midnight | 深夜暗色 | 震撼感发布 |
| classic | 经典绿 | 商务/正式报告 |
安装:
bash
clawhub install ppt-maker使用示例:
请使用ppt-maker技能,生成一份「AI在企业中的落地实践」汇报PPT,整体风格专业简洁,科技感强,共10页,包含封面、目录、数据图表和总结页。
9页幻灯片,全程只用了约1分钟。饼图、柱状图、折线图都能正确渲染。
2. powerpoint-pptx:专业级PPT Skill
如果对PPT有更高要求——比如套用公司模板、统一母版配色、批量合并多份PPT——这个Skill更适合。
核心能力:
- ✅ 支持套用现有.pptx模板
- ✅ 自动插入图表、表格、讲者备注
- ✅ 视觉检查(对齐/重叠/裁切/对比度)
- ✅ 批量处理:合并、提取文本、导出PDF
- ✅ 跨平台兼容
安装:
bash
clawhub install powerpoint-pptx
pip install python-pptx3. Skywork PPT:深度研究逻辑
与前两个的区别在于:它会先做内容梳理再排版。
适合需要深度内容支撑的汇报场景。
4. flux-image:高质量图片生成
基于Flux模型,适合需要高质量配图的场景。
5. gemini-image:Google图片生成
调用Gemini的图片生成能力,支持多种风格。
6. brand-design-md:一键调用62大厂风格
把62个大厂设计规范封装成一个Skill,直接在对话中调用:
用Stripe风格帮我做一个登录页
它会自动识别品牌名,调用npx getdesign@latest add stripe拉取最新的DESIGN.md,生成UI。
安装方式: 把Skill文件放进 ~/.claude/skills/brand-design-md/ 目录。
GitHub:github.com/zephyrwang6/brand-design-md
快速上手清单
第一步:装设计规范
bash
npx getdesign@latest add apple
npx getdesign@latest add claude
npx getdesign@latest add notion第二步:装做图Skills
bash
clawhub install ppt-maker
clawhub install flux-image第三步:开始用
生成PPT:
用ppt-maker生成一份产品发布PPT,luxury风格,8页,包含产品亮点、市场分析、竞品对比、总结。
生成UI:
参考DESIGN.md里的Apple风格,帮我做一个登录页面,要有留白、电影质感。
为什么这些工具值得装?
AI做设计不靠猜,靠参照。
62个大厂设计规范给了AI审美说明书,6个做图Skill给了AI执行能力。
没有参照,AI永远输出紫色系的默认风格。有了参照,AI才能输出有方向、不随机的设计。
