开源桌面应用 · v0.1.0

把网站的设计语言,变成 Coding Agent 可追溯的上下文。

Imprint 观察网站实际渲染结果,生成有证据支持的 DESIGN.md,让 Codex、Claude Code 或其他 Coding Agent 获得稳定指导,而不是只靠视觉猜测。

  • 本地运行
  • 仅输入 URL
  • 无需 API Key
分析记录已观察
01
网站 URLhttps://astro.build/
3 个页面 · 3 种视口
渲染证据
MD
主要产物DESIGN.md
已生成
已观察 Token
03
下游使用Codex / Claude Code / 你的 Agent
网站 URL渲染证据DESIGN.md你的 Coding Agent

一次完整、可复现的真实流程

从 Astro 的渲染页面,到原创部署控制台。

视频将一次真实 Desktop 复跑与已经验收的公开案例连接起来。等待时间在画面中明确压缩;来源证据、生成产物、固定任务和浏览器验收结果都可以继续检查。

Imprint Desktop40 秒 · 真实 Desktop 复跑 · 等待压缩已明确标注

公开案例 · Astro → Harbor Deploy

不是照着重画,而是验证设计语言迁移。

Imprint 观察了三个 Astro 页面并生成 DESIGN.md 与共享 Token。外部 Codex 只收到这些产物,没有收到来源截图,随后生成一个中性的三页面部署控制台。

3
个分析页面
6
份截图证据
36.8 秒
案例分析时间
3
条结果路由
已观察来源证据
作为可追溯来源证据捕获的 Astro 首页
独立 Agent 生成结果
由外部 Coding Agent 生成的 Harbor Deploy 概览页

工作流程

从网站 URL 到可用设计上下文,只需一条清晰路径。

整个流程在本地完成,并明确分开观察证据、导出规则和下游实现各自的责任。

  1. 01

    输入 · URL

    输入网站 URL

    Imprint 使用本机已安装的 Chrome、Edge 或兼容 Chromium 加载网站,不支持把独立截图文件作为分析输入。

  2. 02

    来源 · 浏览器

    观察真实渲染系统

    DOM 结构、计算样式、代表性页面、响应式视口、安全交互状态和自动截图共同组成可追溯证据。

  3. 03

    产物 · 文件

    导出设计上下文

    DESIGN.md 记录可复用规则、适用范围、置信度、覆盖情况和局限;CSS Variables 与 Tailwind v4 @theme 提供实现值。

  4. 04

    使用者 · 外部 Agent

    交给你的 Coding Agent

    将产物交给 Codex、Claude Code 或其他 Coding Agent,由它结合你的产品需求和现有源码完成实现。

可移植产物

用文档指导决策,用 Token 落地实现。

Desktop 的主要工作流保持精简;所有产物都来自同一次真实观察分析。

CSS实现

CSS Variables

将颜色、字体、间距、圆角、阴影等基础值导出为普通 CSS 项目可以直接复用的变量。

在全局样式入口加载一次
TW实现

Tailwind v4 @theme

把同一批提取值导出为 Tailwind v4 主题,适用于已经使用 Tailwind Token 层的项目。

多个页面共用一套主题

真实能力边界

说明观察到了什么,也说明没有观察到什么。

Imprint 是确定性的提取与验证工具,不是 AI 设计裁判。边界越清晰,产物对下游 Agent 越有用。

01

输入 URL,输出证据

截图由加载后的网站自动捕获,作为可追溯证据;Imprint 不分析独立截图文件。

02

保留实际观察范围

生成指导只覆盖本次运行成功观察到的页面、视口与状态。

03

AI 只在下游使用

提取过程不需要模型厂商或 API Key;外部 Coding Agent 在分析完成后使用导出文件。

04

当前正式发布 Desktop

CLI 与本地 stdio MCP 目前仍是源码构建预览,不作为可安装产品宣传。

Desktop v0.1.0

下载后,选一个你熟悉的网站,质疑它生成的规则。

分析在本地运行,历史记录保存在你的设备上;电脑需要已安装 Chrome、Edge 或兼容 Chromium 浏览器。

最有价值的第一次测试

找一个你熟悉的网站,指出最不可信的设计规则。

这比单纯求 Star 更有价值。如果方便,请附上公开 URL、你的系统平台和对应的 DESIGN.md 片段。