oh-my-design
一键为AI编程助手注入400+真实公司设计系统记忆
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:oh-my-design。 它的用途是:一键为AI编程助手注入400+真实公司设计系统记忆 完整的 Skill 内容见:https://321skill.com/skills/oh-my-design/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我们的家庭健康管理应用,设置一个类似Toss(韩国金融App)风格的设计系统。” AI会从400多个参考中推荐并生成DESIGN.md文件。之后你说:“设计一个数据仪表盘页面。” AI会自动应用刚设置好的Toss风格,生成品牌一致的UI代码。
介绍
oh-my-design 解决了AI编程助手(如Claude Code、Cursor)在UI设计时缺乏品牌一致性和设计系统记忆的问题。它通过一个简单的CLI命令,将包含400多家真实公司设计系统规范的DESIGN.md文件安装到你的项目中,使AI助手能像资深产品设计师一样,理解并应用你的品牌设计语言。
使用极其简单:只需运行 npx oh-my-design-cli install-skills 安装,重启你的AI助手,然后通过自然语言(例如“Set up our design system — Toss-style, for a family meal-tracking app”)初始化。AI会自动为你生成项目的DESIGN.md文件,之后所有关于组件、界面、文案的设计请求,AI都会基于这份品牌规范来执行。
它非常适合独立开发者、创业团队或任何希望快速、一致地构建品牌化UI,但又不想花费大量时间手动定义和维护设计系统的用户。尤其适合在AI驱动的开发流程中,确保视觉输出的统一性。
与同类工具(如手动编写设计令牌或使用特定UI库)相比,oh-my-design的核心优势在于“记忆”。它不是一个需要你调用的库或API,而是一个植入AI助手工作记忆的“品牌大脑”。安装后,你只需描述需求,AI会自动调用正确的设计规范,无需在每次对话中重复解释品牌风格。
核心特点
核心区别在于它不是一个供开发者调用的代码库,而是一个为AI助手本身安装的“设计记忆”技能。它通过本地DESIGN.md文件让AI在每次生成UI时都自动遵循品牌规范,实现了“一次设置,永久记忆”,无需API调用,完全在现有CLI会话中运行。
注意事项
不适合不依赖AI编程助手进行UI开发的传统工作流,或对那400+预设设计系统都不满意的、需要完全从零定制设计语言的场景。
常见问题
oh-my-design需要联网或API密钥吗?
不需要。安装过程零AI调用,所有设计系统参考文件都本地化,一切都在你现有的CLI会话中运行。
支持哪些AI编程助手?
主要支持Claude Code、Cursor等,理论上任何能读取本地技能文件的AI助手都适用。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/oh-my-design/raw/index.md 读取 oh-my-design 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/oh-my-design/raw/index.md(查看排版版本)