INPUT原始素材
有权访问的网页、组件、页面区块、截图或本地应用。
网页组件交互证据
PRODUCT PREVIEW · DESIGN SYSTEM
UI Distiller
把看中的界面变成设计资产
从优秀界面中提炼布局、样式与交互，不止1:1复刻，还能用设计系统的统一设计语言重新表达，沉淀成可复用的组件、区块与页面模板。
开源免费3分钟快速上手95%+ 还原度
结构 98%视觉 96%交互 12 / 14
2 residuals · rollback target recorded支持以下平台使用
Codex
Claude
Cursor
Qoder
WorkBuddy
豆包工作
CodexClaudeCursorQoderWorkBuddy豆包工作00 · ASSET PRODUCTION LOOP从复刻目标页面，
从复刻目标页面，
到设计资产沉淀。
蒸馏器不是另一个页面搭建器，而是设计系统的资产生产线。它覆盖拆解、复刻、质检、适配、入库与上架的完整流程，把原始素材变成可复用资产，再交给人、Agent 或 Lattice 消费。
01UI 拆解提炼
→ui-decomposer02UI 原样复刻
ui-replica-engine03UI 质检修复
ui-audit-repairSOURCE REPLICA区块
页面1:1 复刻品
忠实保留来源结构、视觉和交互事实，不提前套用自己的设计语言。
可运行可比较有来源
→
04设计系统适配
design-system-adapter05设计资产入库
design-asset-registrar06设计站点上架
design-asset-publisherDESIGN SYSTEM ASSET--color-brand--space-200--radius-md
ButtonCardPattern
✓ REGISTERED设计系统资产
映射目标设计系统的 Token、组件和模式，经审核入库后成为稳定可复用资产。
可复用可追溯可装配
01 · SOURCE COVERAGE来源不同，
来源不同，
复刻上限也不同。
“支持输入”不等于“效果相同”。证据越完整、结构越可读、状态越可观测，拆解和复刻就越接近真实产品。
SUPPORTED
当前可直接进入蒸馏流程
CURRENT CORE完整证据包
evidence-bundle同时提供结构、截图、无障碍树、交互与计算样式，最适合可验证复刻。
最佳
本地资产目录
declared-esm-asset直接读取声明式 ESM 组件或页面资产，结构清楚，后续适配成本最低。
最佳
公开 HTTPS 网页
public-https适合标准 DOM / CSS 页面；自动采集当前视口、结构、截图与计算样式。
很好
macOS App / 应用归档
codex-macos-asar适合受支持的 Electron / ASAR 形态；资源完整度与运行时状态会影响结果。
良好
EXPECTED FIDELITY结构证据+视觉证据+交互状态→ 可验证复刻实际结果仍取决于授权范围与可观测状态02 · WHAT YOU GET不是一份代码，
不是一份代码，
而是一套可继续工作的交付物。
candidate/候选资产
可运行的组件、区块、模板或页面候选。
recipe.json设计配方
布局、组件、状态与交互的可复用 Recipe。
ui-replica.ir.jsonUI Replica IR
带来源、置信度和缺口的统一中间表示。
mapping.json资产映射
Source → Design Token / Component 的逐项映射。
fidelity.html保真报告
五轨差异、证据指针与每轮评分变化。
residuals.md人工待办
自动化无法可靠裁定的剩余问题。
03 · FIDELITY WORKBENCH偏差在哪里，
偏差在哪里，
为什么停止，一眼看清。
单一相似度会掩盖结构和交互问题。UI Distiller 把差异拆成五条可验证轨道，并保留每轮修正与回滚证据。
Fidelity Report · Run #02497.2 / 100
结构98
视觉96
图标100
视口97
交互86
剩余差异证据处理
hover-delay · 目标晚 80ms
event-014人工确认chart-empty · 源状态不可观测
state-008保留残差04 · WORKFLOW SKILLS技能是入口，
技能是入口，
不是产品核心。
它们负责理解意图、串联流程和调用工具；Capture、IR、Generator 与收敛执行能力由独立 Core 承担。
ui-decomposerUI 拆解提炼
捕获来源、解析结构与样式、识别交互状态，交付可执行蓝图、人读方案、证据与待确认项。
- 输入
- 授权来源或证据
- 输出
- C9 Blueprint
- 副作用
- 只读来源
ui-replica-engineUI 原样复刻
根据有效蓝图，还原约定范围内的布局、样式、状态和交互，交付可运行复制品与预览。
- 输入
- 有效 Blueprint
- 输出
- Source Replica
- 副作用
- 写候选目录
design-system-adapter设计系统适配
将已有界面映射到目标 Token、组件与设计规范，交付独立适配版和差异说明。
- 输入
- 既有界面资产
- 输出
- Adapted AssetPackage
- 副作用
- 不自动入库
ui-audit-repairUI 质检修复
按检查目标发现问题，在授权范围内修复并复检，交付质量报告、修订资产和剩余问题。
- 输入
- 资产与检查目标
- 输出
- Quality Report
- 副作用
- 默认只检查
design-asset-registrar设计资产入库
唯一的资产补全与入库入口；校验 adapted component、冲突和授权，写入 distilled collection 并交付 RegistrationReceipt。
- 输入
- 有效 L2 AssetPackage
- 输出
- RegistrationReceipt
- 副作用
- 需 library-write
design-asset-publisher设计资产上架
消费新鲜入库凭证，把资产接入当前 Astro 站的分类、详情、隔离预览和检索，交付 PublicationReceipt。
- 输入
- 新鲜入库凭证
- 输出
- PublicationReceipt
- 副作用
- 需 site-write
先把界面理解对，
再把实现持续做近。
当前为产品预览。完整编译器、多宿主安装包和公开上架将在真实纵切验证后逐步开放。