案例产物
测试目标：迁移规则，不照抄来源页面
Imprint 观察了三个 Astro 页面并生成 DESIGN.md 与共享 Token。外部 Codex 只收到这些产物，没有收到来源截图，随后生成一个中性的三页面部署控制台。
- 3
- 个分析页面
- 6
- 份截图证据
- 36.8 秒
- 案例分析时间
- 3
- 条结果路由
开源桌面应用
从网站提取设计语言，生成 DESIGN.md
输入网站 URL，Imprint 观察真实渲染的 DOM、计算样式、响应式布局和安全交互状态，导出可追溯的 DESIGN.md 与样式 Token。
- 本地运行
- 仅输入 URL
- 无需 API Key
Imprint Desktop
真实运行记录
Astro URL → DESIGN.md → Harbor Deploy
Imprint Desktop40 秒 · 真实 Desktop 复跑 · 等待压缩已明确标注
工作流程
Imprint 做什么，做到哪一步
- 01
输入网站 URL
Imprint 使用本机已安装的 Chrome 或 Edge 打开提交的 URL，并在本地开始分析。
- 02
观察真实渲染系统
DOM 结构、计算样式、代表性页面、响应式视口、安全交互状态和自动截图共同组成可追溯证据。
- 03
导出设计上下文
DESIGN.md 记录可复用规则、适用范围、置信度、覆盖情况和局限；CSS Variables 与 Tailwind v4 @theme 提供实现值。
- 04
交给你的 Coding Agent
将产物交给 Codex、Claude Code 或其他 Coding Agent，由它结合你的产品需求和现有源码完成实现。
可移植产物
一次分析，生成三种可直接交付的产物
MD推荐
DESIGN.md
为 Coding Agent 准备的完整指导：设计意图、分级规则、组件模式、证据覆盖和明确未知项。
适合 AI 辅助 UI 开发CSS实现
CSS Variables
将颜色、字体、间距、圆角、阴影等基础值导出为普通 CSS 项目可以直接复用的变量。
在全局样式入口加载一次TW实现
Tailwind v4 @theme
把同一批提取值导出为 Tailwind v4 主题，适用于已经使用 Tailwind Token 层的项目。
多个页面共用一套主题真实能力边界
产物会保留证据范围和已知局限
Imprint 只提取能够从真实渲染页面验证的内容，并记录已知局限。
输入 URL，输出证据
截图由加载后的网站自动捕获，作为可追溯证据；Imprint 不分析独立截图文件。
保留实际观察范围
生成指导只覆盖本次运行成功观察到的页面、视口与状态。
没有内置 AI 运行时
提取过程是确定性的，不需要模型厂商或 API Key。
macOS · Windows
下载 Desktop v0.1.0
本地运行并保存历史记录；需要 Chrome 或 Edge。
用熟悉的网站测试