440+ 真实品牌设计系统装进 AI,一句话做出「大牌感」界面
让 AI 做出「大牌同款」设计,一个命令搞定
你有没有这种感觉——AI 生成的前端界面永远长一个样:紫蓝渐变 Hero、居中大标题、三等分卡片。
不是 AI 画不好,是它根本不知道什么叫「品牌调性」。
最近发现一个开源 Skill,叫 oh-my-design,装上之后你可以直接跟 AI 说:「给我做一个类似 Linear 风格的设置页」,AI 就会读懂 Linear 的字体、间距、颜色逻辑,吐出来的代码自带品牌气质,而不是通用模板。
它的工作原理很有意思:把 440+ 真实公司的 DESIGN.md 设计规范文件装进你的项目,这些文件来自 Google Stitch 格式——本质上是纯文本设计系统文档,AI 读得懂、人也改得动。
覆盖的品牌包括 Stripe、Linear、Vercel、Apple 等知名互联网公司,每个文件不只记录颜色代码和字体大小,还包含了视觉氛围、品牌背景和使用场景描述——AI 看过之后真的能理解「这个品牌想传达什么感觉」。
内置 20 个可复用技能和 18 个专业角色,比如「动效工程师」「中文排版专员」「无障碍设计审核」,覆盖从设计到交付的完整流程。
安装只要一条命令:
- 全局安装 CLI:
npx oh-my-design-cli@latest - 进入项目目录运行引导安装
- 重启 Claude Code 让它发现新安装的文件
- 最后跑一遍
npx oh-my-design-cli@latest doctor验证
支持 Claude Code、Codex、Cursor、OpenCode 全家桶,MIT 协议,推理完全在本地进行,不消耗额外 API 额度。
想做出有品牌感的前端界面,而不是千篇一律的「AI 味」?试试这个。
评论区
0 条评论
登录后可评论。