- ✓
暂未采集到具体套餐,价格以官网为准
onsystem
让编程智能体始终遵循你的设计系统
onsystem 是什么?
onsystem 让编码代理持续遵循你的设计系统,在每次编辑和 Pull Request 中检查其生成的 React 代码。它能识别不符合规范的调色板、原生元素和 API 并直接修复,同时提供 MCP Server、Claude Code 插件、ESLint 插件及 GitHub Action,并采用 MIT 许可证。
产品详细介绍
让编程智能体始终遵循你的设计系统
onsystem 让编码代理持续遵循你的设计系统,在每次编辑和 Pull Request 中检查其生成的 React 代码。它能识别不符合规范的调色板、原生元素和 API 并直接修复,同时提供 MCP Server、Claude Code 插件、ESLint 插件及 GitHub Action,并采用 MIT 许可证。
定价方案
需要付费创始人评论
你好,Product Hunt,我是 Diogo。我开发 onsystem,是因为编程智能体编写 UI 时依据的是训练数据,而不是你的设计系统:它们使用调色板颜色而非你的设计令牌,使用原生元素而非你的组件,还会调用设计系统中不存在的 API。
onsystem 从源代码中读取你的设计系统(组件、属性、变体和令牌),并将其提供给智能体。在 Claude Code 中,该插件会在智能体每次编辑文件后立即检查;在 Cursor、VS Code 和 Codex 中,它以 MCP 服务器的形式运行。此外,一个 ESLint 插件和一项 GitHub Action 会在每个拉取请求上运行相同的检查。
无需安装任何东西,就可以在你的应用上试用:npx -y onsystem check .
我使用来自 3 家提供商的 6 个模型进行了一项 1,200 次运行的基准测试。按照 onsystem 0.5.0 自带的检查统计,每次运行的设计系统错误在未使用时为 0.85,使用其 skill、MCP 服务器和 hook 后降至 0.00,且 tsc 通过率和成本均无可测变化。按照 @shadcn/lint(一个并非 onsystem 组成部分的代码检查工具)评分,每次运行发现的问题数从 4.97 降至 2.64。每次运行、测试方法和注意事项:https://onsystem.vercel.app/benc...
该项目采用 MIT 许可证,路线图也已公开。如果你在真实项目中试用,请告诉我它在哪些情况下会失效。