PRODUCT PREVIEW · DAREN DESIGN

UI Distiller 蒸馏器

把有权访问的界面证据、应用归档、组件与页面区块,变成设计资产。

从受授权的本地来源提炼布局、样式与交互,保留 Source Replica,再用 Daren Design 的设计语言生成独立适配版。当前可执行入库范围是 L2 组件;区块、模板与页面配方仍是后续扩展。

本地优先逐类写入授权残差明确可见
SourceCandidateRun #024

结构 98%视觉 96%交互 12 / 14
第 2 轮有限修复完成2 residuals · rollback target recorded
00 · ASSET PRODUCTION LOOP

有资产直接用,
缺资产再去造。

蒸馏器不是另一个页面搭建器,而是 Daren Design 的资产生产线。它补齐缺口,成熟资产再交给人、Agent 或 Lattice 消费。

DAREN DESIGN现成资产库

基础 · 组件 · 区块 · 模板 · 图标

是否已有合适资产?
直接使用
进入蒸馏器
DISTILL拆解 → 复刻 → 适配 → 检修

先产出候选资产与证据;写真源仍需单独批准。

确认并批准入库 → 本地站上架
ASSEMBLE选择装配方式
手动开发Agent 拼装Lattice 工作台 →
01 · ONE COMPLETE RUN

从资产缺口,
流转到可复用资产。

每个节点都有清晰输入和输出。当前这条端到端旅程以 adapted L2 组件为准;其他资产粒度仍停在生产或规划阶段。

INPUT选择有权访问的本地来源应用归档 · 资产目录 · 已保存证据包
PERMISSION确认读取与每类写入范围候选输出 · 资产入库 · 站点上架分别授权
  1. 01DISSECT

    拆解

    从已授权来源提炼结构、样式、状态和交互,交付带来源证据的 Blueprint。

    Blueprint只读来源
    Authorized source · app.asar / evidence bundle
    Read root · digest verified选择授权证据
    01
  2. 02REPLICATE

    复刻

    根据有效 Blueprint 生成独立 Source Replica;原样复刻不会偷偷替换为 Daren 风格。

    Source Replica可运行预览
    PageHeaderMainCard × 3
    layoutstylesassetsstateseventsUI Replica IR
    02
  3. 03ADAPT

    适配

    把 Source Replica 映射到 Daren Token 和设计规范,保留源版并交付独立适配版。

    AssetPackageAdaptationReport
    #8E80F2--color-brand
    Card × 3Pattern/CardGrid
    Custom chartgap-003
    03
  4. 04REGISTER

    入库

    核验授权、版权、文件摘要和冲突后写入 distilled collection,交付可验证入库凭证。

    LibraryAdapterRegistrationReceipt
    04
  5. 05PUBLISH

    上架

    只消费新鲜入库凭证,把资产接入当前 Astro 站的目录、详情、隔离预览和搜索。

    SiteAdapter不等于公网部署
    Catalog
    Isolated preview
    详情路由站内搜索Astro build
    05
  6. 06INSPECT

    检修

    横向检查任一阶段的资产;默认只检查,明确授权后才按问题范围修复并复检。

    audit-only 默认最多三轮修复
    013 patches92 → 95
    022 patches95 → 97
    需要人工确认悬停延迟 · 图表空态
    06
02 · WHAT YOU GET

不是一份代码,
而是一套可继续工作的交付物。

01blueprint.json

拆解蓝图

带来源、未知项和生成就绪状态的 C9 Blueprint。

02source-replica/

源版资产

不依赖 Daren 风格的可运行 Source Replica。

03adapted/

适配资产

Daren Token 映射后的独立 AssetPackage。

04registration-receipt.json

入库凭证

绑定资产、registry、公共入口与回滚目标。

05publication-receipt.json

上架凭证

绑定站点路由、预览、可见性;明确未部署公网。

06quality-report.json

质量报告

检查结论、证据、残差以及有限修复记录。

03 · FIDELITY WORKBENCH

偏差在哪里,
为什么停止,一眼看清。

单一相似度会掩盖结构和交互问题。UI Distiller 把差异拆成五条可验证轨道,并保留每轮修正与回滚证据。

Fidelity Report · Run #02497.2 / 100
结构98
视觉96
图标100
视口97
交互86
剩余差异证据处理
hover-delay · 目标晚 80msevent-014人工确认
chart-empty · 源状态不可观测state-008保留残差
04 · CHOOSE YOUR HOST

同一个产品,
进入你已经工作的地方。

规划中

Mindex

Cardo 可安装扩展

在扩展详情页完成安装、启用、禁用、更新与卸载;运行时复用 Mindex 的浏览器、文件和 Shell 能力。

05 · PERMISSION BEFORE ACTION

先把边界说清楚,
再开始运行。

候选输出、资产入库和站点上架是三种不同写入;每种副作用都要在执行前单独确认。当前版本不提供通用网页 URL 抓取,也不会保存 Cookie、Token 或完整浏览器 Profile。

允许 UI Distiller 运行?Run #024
读取
已授权来源与证据包
候选
./distill-output
入库
需 library-write 批准
上架
需 site-write 批准 · 不部署公网
06 · PRODUCT ARCHITECTURE

技能负责入口,
核心工具负责稳定执行。

这是工程架构的官网简图:一个共享 Core 和一套版本化 Schema 被多个技能和宿主调用,避免每个平台各造一套、持续漂移。

SKILLS · WORKFLOW拆解 · 复刻 · 适配 · 入库 · 上架 · 检修

理解意图、组织步骤、请求确认、调度工具

调用稳定 CLI / Schema ↓
DISTILLER CORE
BlueprintSource ReplicaAdaptedLibrarySite

Capture · Generate · Map · Register · Publish · Audit / Repair

VERSIONED SCHEMACaptureIRC9 BlueprintAssetPackageRegistrationReceiptPublicationReceiptQualityReport
同一能力按宿主成熟度投影 ↓
Mindex规划中Codex本地包可用WorkBuddy规划中
07 · WORKFLOW SKILLS

技能是入口,
不是产品核心。

它们负责理解意图、串联流程和调用工具;Capture、IR、Generator 与收敛执行能力由独立 Core 承担。

LOCAL FIRST · EVIDENCE DRIVEN

先把界面理解对,
再把资产安全送到可用位置。

Codex 本地包已覆盖六个入口;当前入库仅支持 adapted L2 component,上架仅指本地 Daren Design 站点投影,不代表公网部署。Mindex 与 WorkBuddy 宿主仍在规划中。