Siteprint Siteprint 是 Mac Safari 扩展，能测量任意网页的颜色、字体、间距与布局，并生成精确提示词交给 Claude Code、Cursor 等 AI 编程工具，适合前端开发者复刻设计。 热门评论 PH 用户大家好，我是 Siteprint 的开发者。我先说实话：能生成设计 prompt、从网站里抓颜色和字体的工具并不新鲜，Chrome 里一抓一大把。但我每天都泡在 Safari 里，想要一个在 Safari 里用着顺手、不用切浏览器的工具。所以我把它做成了一个正经的 Safari 扩展。做成 Safari 扩展还自带一个升级：Apple Intelligence。在支持它的 Mac 上，端侧模型会审查每次扫描，给颜色和字体样式命名，描述整体感觉以及哪些该保留、哪些该避开，还能回答你关于这个设计的问题。在不支持它的 Mac 上，所有测量功能照样能用。你得到的是一段写给智能体的 prompt，而不是一串颜色列表。每种颜色都带角色，字体层级带精确字号和字重，还有圆角、间距以及每个区块的结构蓝图。把它粘贴到 Claude Code、Cursor、Codex 或任何其他 AI 工具里，它就能基于真实测量来构建，而不是靠猜。Inspect 免费，可测量网站的颜色、字体、间距和布局，Library 会把你喜欢的设计留存下来。Pro 版增加 prompt 和 DESIGN.md、现成主题，让你的智能体可以通过 MCP 直接读取你的扫描结果，还能用 Compose 把两个网站混合成一种新风格。 一次性 $9.99，无需账号。任何反馈都很有帮助，谢谢！PH 用户给每种颜色一个角色，而不是丢一串 hex，这个方向是对的；当你把原始 token 直接交给智能体时，它们最容易搞错的就是这一点。我想知道的是，扫描能不能抓取 dark variant，因为交接时最容易在这里崩掉：你测的是浅色主题，智能体却凭空造出一个完全不搭的深色主题。一次性 $9.99 且无需账号，这样的定价页也挺让人耳目一新。PH 用户“每种颜色都带角色”才是有用的部分，比单纯堆一堆 hex 强多了。不过很好奇边缘情况会怎么处理——比如页面某个角落的单个 badge 里用了一次性的 accent color。它会在 prompt 里被标成 outlier/exception，还是会和真正的系统色并列、权重一样？我问这个是因为，如果智能体只读一个扁平列表，把什么都当成同等有意为之，那这玩意儿就会变成幻觉出来的 design token。PH 用户颜色带角色解决了我一半的问题。另一半是组件：Claude Code 之前每个页面都要新造一个 card，直到我禁止新建组件，让它复用 repo 里已有的组件。Siteprint 的扫描能识别出 button、card 这类重复出现的组件吗？ 热门产品Filip Papic2026-10-05原文 打开互动版
我先说实话：能生成设计 prompt、从网站里抓颜色和字体的工具并不新鲜，Chrome 里一抓一大把。但我每天都泡在 Safari 里，想要一个在 Safari 里用着顺手、不用切浏览器的工具。所以我把它做成了一个正经的 Safari 扩展。
做成 Safari 扩展还自带一个升级：Apple Intelligence。在支持它的 Mac 上，端侧模型会审查每次扫描，给颜色和字体样式命名，描述整体感觉以及哪些该保留、哪些该避开，还能回答你关于这个设计的问题。在不支持它的 Mac 上，所有测量功能照样能用。
你得到的是一段写给智能体的 prompt，而不是一串颜色列表。每种颜色都带角色，字体层级带精确字号和字重，还有圆角、间距以及每个区块的结构蓝图。把它粘贴到 Claude Code、Cursor、Codex 或任何其他 AI 工具里，它就能基于真实测量来构建，而不是靠猜。
Inspect 免费，可测量网站的颜色、字体、间距和布局，Library 会把你喜欢的设计留存下来。Pro 版增加 prompt 和 DESIGN.md、现成主题，让你的智能体可以通过 MCP 直接读取你的扫描结果，还能用 Compose 把两个网站混合成一种新风格。
一次性 $9.99，无需账号。
任何反馈都很有帮助，谢谢！
Siteprint 的扫描能识别出 button、card 这类重复出现的组件吗？