测量设计令牌
在 Safari 中读取网站并识别颜色及其作用，而不是只展示采样色板列表。
从网站到编码代理的可测量交接
Siteprint 是一款适用于 Mac 的 Safari 扩展，可测量你正在查看的网站设计。它会记录页面的调色板和颜色作用、字体比例、间距、圆角、阴影以及页面分区蓝图，为编码工作流提供可直接使用的具体设计值。
免费版本支持检查、令牌导出以及用于保存扫描结果的 Library。Pro 可将扫描结果转换为一个提示词或 DESIGN.md 文件，增加主题和用于组合两个已保存网站的 Compose，并允许受支持的编码代理直接读取扫描结果。Siteprint 不会自行构建网站；连接的编码代理会使用测量结果创建新页面。
Siteprint 的功能
检查页面结构
显示调色板、字体排版和页面分区蓝图，让你在导出前检查参考设计。
生成编码简报
将测量值复制到给编码代理使用的单个提示词中，Pro 还支持导出 DESIGN.md。
导出设计方向
导出主题和令牌，用于新界面，同时保留字号、字重、圆角和间距等具体数值。
组合两个参考
将两个已保存的网站扫描结果合并为一种新样式，而不是把任一参考网站直接当作要复制的页面。
与编码代理共享扫描结果
连接 Claude Code、Cursor、Codex 和其他编码代理，让它们可以直接在 Mac 上读取已保存的扫描结果。
Siteprint 的实际使用方式
从参考网站开始创建新界面
在 Safari 中扫描参考网站，检查其字体排版、间距、调色板和页面分区蓝图，然后将测量得到的设计方向交给 AI 编码工具，而不是手动描述视觉效果。
组合设计参考
将多个扫描结果保存到 Library，并使用 Compose 将两个设计参考组合成适用于原创页面的新样式。
创建开发者交接资料
当开发者在实现或重新设计样式时需要颜色、字体、圆角和间距的具体数值，可导出令牌和主题。
为代理提供设计上下文
让 Claude Code、Cursor 或 Codex 直接访问已保存的扫描结果，使编码代理能够在其工作流中使用测量得到的设计上下文。
分析现有视觉系统
使用检查视图研究现有网站如何组织其视觉系统，然后再决定在独立产品中调整哪些部分。
Pros and Cons
Pros
- 可测量颜色作用、字体比例、间距、圆角、阴影和页面分区结构等具体设计属性。
- 提供免费方式来检查网站、导出令牌并将扫描结果保存到 Library。
- 为编码工作流生成包含精确数值的提示词或 DESIGN.md，并支持 Claude Code、Cursor 和 Codex。
- 扫描结果在 Mac 本地处理；网站声明不会上传数据或跟踪用户。
- 支持 Compose，可将两个已保存的网站扫描结果组合成一种新样式。
Cons
- 目前是适用于 Mac 的 Safari 扩展，需要 macOS 14 或更高版本；不支持 Chrome 和 iPhone。
- 它会测量并导出设计，但不会自行构建网站；这一步由单独的编码代理完成。
- 直接的编码代理工作流和生成的提示词属于 Pro 功能。
FAQ
如何设置 Siteprint？
从 Mac App Store 安装 Siteprint，打开应用一次，然后在 Safari 的“设置”→“扩展”中启用该扩展。打开一个 http 或 https 网站，点击 Safari 工具栏中的 Siteprint 按钮，并允许 Safari 读取该网站。如果标签页之前已经打开，请重新加载页面并选择“重新扫描”。
我需要 Apple Intelligence 吗？
不需要。测量直接取自页面本身。在配备 Apple Intelligence 的 Mac 上，设备端模型还可以额外描述扫描结果，并通过 Ask this design 回答问题。
Siteprint 会自行构建网站吗？
不需要。Siteprint 会测量设计并生成提示词或 DESIGN.md 导出文件。Claude Code、Cursor 或 Codex 等编码代理会使用这些内容来构建页面。
Free 和 Pro 包含哪些内容？
免费版本包括检查、令牌导出和 Library。Pro 增加生成的提示词、DESIGN.md 和主题、Compose 以及编码代理访问权限。Pro 为一次性购买，价格为 $9.99。
编码代理可以直接读取我的扫描结果吗？
可以。在扩展中打开“Generate”→“Coding agents”，然后复制适用于 Claude Code、Cursor 或 Codex 的命令。启用 Pro 后，编码代理即可在同一台 Mac 上请求你的扫描结果。
Quick Facts
- 类别
- 设计工具和开发者工具
- 平台
- 适用于 Mac 的 Safari 扩展；macOS 14 或更高版本
- 工作流
- 扫描网站、检查其设计，然后导出提示词或 DESIGN.md
- 编码代理
- Claude Code、Cursor、Codex、Lovable 和其他 AI 工具；Claude Code、Cursor 和 Codex 的直接扫描访问已有文档说明
- 价格
- 免费检查版本；Pro 为一次性购买，价格为 $9.99
- 数据处理
- 在 Mac 上运行；网站声明不会上传数据
Siteprint 替代品
ByteAsk
ByteAsk 是面向 C 和 C++ 的终端优先 AI 编码 agent，可直接编辑仓库，并在展示 diff 前用真实编译器、调试器、sanitizers 和测试验证修改。提供免费版与付费方案。
Epherem
Epherem 是一款面向 AI 编程工具构建的 Web 应用静态安全扫描器，检查源文件和依赖项中的常见安全错误，并提供分类结果与修复建议，无需运行应用。
CreateOS Sandbox
CreateOS Sandbox 是基于 Firecracker 微型虚拟机的隔离计算环境，用于运行代码和 agent 工作负载，支持私有网络、SDK、CLI 和 MCP 程序化控制。
GitBot
GitBot 是基于本地浏览器的工作区，可借助 Claude Code、Codex 或 OpenCode 创建可复用的编程机器人，跨仓库文件夹运行代理，并保留持久线程与可配置权限。
hob
hob 是面向编码 agent 的独立工作区，可将 agent 会话、终端、历史记录和后续工作围绕你已在用的工具与提供商有序管理，适合重视本地路由、历史和工作区结构控制的开发者。
Ably Chat
Ably Chat 是用于构建自定义实时聊天应用的 chat API 平台，支持房间消息、输入指示、在线状态、表情回应与消息更新，并提供按使用量计费选项。