📡 Idea Radar 每天 8:00 / 18:00 推送 · 18:00 生成精选
reddit · SideProject · 34 分 ← 返回列表

I built a Figma + React design system that also gives AI coding agents structured component contracts

I’ve been building Skrewww , an open-source React and TypeScript design system that started as a Figma ↔ React parity project. The problem I kept running into was that design systems usually work well for either designers or developers, but AI coding agents often have to guess component APIs, props, maturity, installability, and usage rules from scattered documentation. So I started treating the design system as a structured product rather than just a component library. Right now Skrew

五维评分

付费意愿
15
需求真实度
25
个人可落地
55
竞争空间
40
新鲜度
70

AI 分析

痛点:AI 编码助手无法可靠获知组件的 API、props、成熟度和使用规则,只能从零散文档里瞎猜,导致设计系统对人和对 AI 都难以被正确消费。

目标用户:维护组件库/设计系统的前端团队与设计工程师,以及重度使用 AI 编码代理(Cursor/Copilot/Claude Code)的开发者。

证据:AI coding agents often have to guess component APIs, props, maturity, installability, and usage rules from scattered documentation. / Would machine-readable component contracts actually help your AI coding workflow, or do you think normal Ty[pescript]...

变现:开源核心 + 付费托管 registry(机器可读合约的托管与版本化)、企业版 CLI/校验、设计系统→AI 合约转换的 SaaS,或按席位收费的团队插件。

MVP:两周内做一个 CLI + JSON Schema:扫描现有 React/TS 组件库,自动抽取 props、变体、成熟度标签,生成 agent 可读的 component contract 清单,并提供一个 MCP/本地接口让 AI 代理按需查询;先只支持 shadcn/Radix 风格组件。

竞品:shadcn registry、Storybook、Bit、Supernova、zeroheight、Style Dictionary

摘要:作者发布开源项目 Skrewww,把 Figma + React 设计系统当成结构化产品,为 AI 编码代理提供机器可读的组件合约,并附带本地 CLI「Skrewww Guard」做离线校验。帖子里只有一个创作者自述的问题(AI 代理只能猜组件 API),并主动征询反馈,尚无他人附和、付费意愿或收入数据,需求真实性仍待验证。