热门产品

SlimSnap

SlimSnap

SlimSnap是一款Mac应用,利用AI将截图和标注转换为结构化JSON,帮助开发者和设计师精准定位界面元素,减少手动解析工作量。

热门评论

PH 用户
那天我发布这个产品的时候,正对着Claude Code吼了第五次。我粘贴了一张表单错位的截图,输入"修复这个。"Claude改错了输入框。我重新输入。Claude又改了另一个错的输入框。我放弃,手动修复了。

它一直猜错的原因:它是在读原始像素。它没办法知道哪个矩形是我指的输入框,所以就挑了一个看起来合理的。

SlimSnap将截图转换成AI可以逐元素解析的规格说明。每个元素都有坐标、OCR文本、颜色值,以及(如果你在上面画了箭头)一个目标引用说"这个。"

另外,它只需约700 token,而原始截图在Sonnet上消耗1568 token(在Opus 4.7+上高达4784 token)。这只是额外的好处。

开源:JSON schema (MIT, github.com/bickov/slimsnap-schema) 和一个Claude Code技能,会自动加载你最新的截图 (MIT, github.com/bickov/slimsnap-skill)。Mac应用是闭源的但免费。

其他工具(Cursor, Lovable, bolt.new, Replit, ChatGPT Vision):规格说明也能用,但你需要自己把JSON粘贴到聊天里。比原始图片更干净。没有Claude Code自动加载那么流畅。有闲心的人可以为其中任何一个工具写一个等效的技能。

一个真正的问题:当你在屏幕上需要指明某个具体东西时,你最常使用的是哪个AI工具?告诉我该往哪里去构建下一个自动加载器。
PH 用户
这确实是Claude Code和Cursor的一个痛点。智能体通常能理解整体UI,但依然会点错元素。当同一个屏幕上有多个相似的按钮或输入框时,SlimSnap能保留足够的上下文吗?
PH 用户
底层问题确实存在,Claude从原始截图中猜错元素是真实的挫败感。但演示可能有点低估了:改变按钮颜色正是任何人都会直接打开DevTools的情况。这个卖点更适用于有40个重叠组件的复杂布局,其中"第三张卡片中的第二个输入框"对像素读取器来说毫无意义。希望能看到一个复杂真实UI的演示,而不是一个干净的表单 :)
PH 用户
希望能有Windows版本!
PH 用户
给正在浏览的人一个后续问题:当你把截图粘贴到AI工具(ChatGPT, Claude, Cursor, Lovable, 随便哪个)里时,AI最常搞错的一点是什么?我正在尝试弄清楚接下来该填补哪个空白。
热门产品Alexander Bickov2026-06-11原文

相关内容