返回首页
最新
我制作 Steal UI 是因为我厌倦了每次发布新项目时都要花费几个小时重新创建设计系统。<p>手动检查 Linear 的颜色、猜测 Stripe 的间距,或者逆向工程 Vercel 的排版,感觉都是在浪费时间。<p>白天我是一家机器人公司的解决方案设计师,晚上则在进行副项目。在因为在设计上花费太多时间而放弃了五个之前的项目后,我决定自动化网络的“DNA”提取。<p>它是如何工作的:
粘贴任何公共 URL。
Steal UI 使用网络抓取和人工智能解读的结合,提取精确的十六进制值、字体、间距和阴影。<p>我在代码中嵌入了自定义规则,以确保人工智能遵循严格的原子设计原则。<p>输出是一个单一的 .md 文件。
将其放入 Cursor 作为 @context,您可以在几秒钟内开始构建生产就绪的 UI。<p>技术栈:<p>前端使用 Next.js。
无头抓取 + AI API:我对提示和启发式进行了迭代,直到输出足够干净以用于生产代码。<p>期待反馈。