正在打开每日关注
正在打开每日关注
将产品设计语言、组件配方与动效规范封装为可供 Agent 使用的开源 DESIGN-SKILL。
INTRODUCING OPEN ANALYTICS DESIGN SKILL A lot of you asked for a DESIGN-SKILL Here it is. Our entire design language, open source, MIT: - every real value from the shipped product: colors, squircles, all seven springs - 12 component recipes, type-checked source embedded - guides for layout, motion, landing pages, copy - one pasteable DESIGN-SKILL.[md] for any agent Try it: npx getopen-design It walks you through it: install the agent skill for Claude Code, drop recipes into your project, or just take the token CSS. Cursor or Codex? Point your rules file at DESIGN-SKILL.[md]and build. Repo structure follows and includes @Jakubantalik transitions[.]dev. Big thanks to him. Full source code 👇
should i open source design skill.md or the component library? or entire design system on Open Analytics?
是什么
这条推文宣布 Open Analytics 将其已上线产品的设计语言以 MIT 许可开源，并封装成可被 Agent 读取的 DESIGN-SKILL.md。内容覆盖真实颜色、squircles、七组 spring，以及 12 个组件配方；同时提供带类型检查的源码和布局、动效、落地页、文案指南。安装入口是 npx getopen-design，可按说明接入 Claude Code、将配方放入项目，或只取 token CSS，也可让 Cursor/Codex 指向规则文件。
核心设计 价值不只是给 Agent 一份审美提示词，而是把视觉 token、组件实现和使用准则放进同一交付物，形成从原则到代码的可执行接口。真实产品参数与可复制配方降低了 Agent 生成界面时的自由发挥，spring、圆角和布局指南则帮助保持跨页面的一致性。
关键洞察 设计系统开始成为 Agent 工程的上下文基础设施：规则文件传递意图，类型化源码约束实现，token CSS负责快速落地。开源完整语言还能让团队把“像不像产品”从口头评审转为可复用资产。
边界与风险 推文没有给出仓库地址、源码质量、组件覆盖范围或实际效果，无法验证安装流程、MIT 范围及与不同 Agent 的兼容性；也没有视觉证据确认最终界面。因此它更像一次设计系统产品化的发布说明，采用前应检查版本维护、可访问性、响应式规则与动效降级策略。