Siteprint
Measure any website's design, then hand it to your AI
概述
Siteprint 是一款 Mac 上的 Safari 扩展，能抓取任意网页的设计系统（颜色及其语义角色、字体层级、间距、圆角、布局），并导出为一段可直接粘贴给 Claude Code、Cursor 或 Codex 的精确 prompt，让 AI 按测得的设计规范生成界面代码，本地运行，一次性付费 9.99 美元。
创新点
把'测量网页设计'和'喂给编码 AI'这两件本来分离的事缝成一条流水线。真正的巧思不在测量本身（颜色、字号、间距都能从 CSS 里读），而在于输出物是一个结构化的、带语义角色标注的 prompt——即把散落的 CSS 值翻译成 AI 能直接消费的设计约束，跳过 Figma 中转和手工整理。这是 prompt 作为交付格式的一次实用主义尝试。
目标用户
以 Mac 为主要工作设备的前端开发者与独立开发者，尤其是重度使用 Claude Code / Cursor / Codex 做 UI 生成的人；也包括需要快速复用或对齐某个既有网站视觉规范的设计师与产品团队。
竞争格局
同赛道已相当拥挤且多为免费：CSS Peeper、Superposition、html.to.design、Figma Dev Mode、各类 design token 提取扩展都覆盖了'读取网页样式'这一段。Siteprint 的差异化只在'AI 就绪的 prompt 输出'和'本地优先 + 买断制'。风险是这类能力极易被 AI 编码工具原生吸收（Cursor/Claude Code 本身就能读页面、读 CSS），也可能被免费扩展快速复制；同时被 Safari 单平台限制，覆盖不了 Chrome 主流的开发者人群。
标签
团队
- Filip Papic
相关产品
OpenAI's most capable model for end-to-end work
Anthropic's most capable model ever — free until June 22
Fast, capable computer use at half the price
Google's image model with sharper design and mask editing
Prompt, edit and prototype without leaving the canvas
Frontier AI intelligence, now at half the price