OPEN SOURCE · v0.2.3 · CODEX / QODER

把看中的界面,
安全地变成设计资产。

从授权来源完成拆解、复刻、设计系统适配和质量检修;经明确批准后,再入库并上架到本地 Daren Design 站点。

  • 本地优先
  • 六个技能
  • 写入分别授权
  • 不采集遥测
distill-job · local
AUTHORIZED SOURCE有权访问的本地证据
READ ONLY
  1. 01Blueprint结构 · 样式 · 状态 · 交互
  2. 02Source Replica独立可运行源版
  3. 03Daren AdaptedToken 与组件映射
REGISTERRegistrationReceipt需 library-write
PUBLISHPublicationReceipt需 site-write

当前入库范围:adapted L2 component

VERSIONv0.2.3
HOSTSCodex · Qoder
SYSTEMmacOS · Apple Silicon / Intel
RUNTIMENode >=24.20 <26
01 · WHY UI DISTILLER

不是再造一个页面搭建器,
而是补齐设计资产生产线。

现成资产直接使用;缺少的部分进入蒸馏器。产品的重点不是“生成了一份代码”,而是让来源、适配、质量和交付边界都可以继续追踪。

01

先保留原貌,再适配风格

Source Replica 与 Daren 适配版分开交付。你可以核对来源,也能继续演进设计资产。

02

每次写入都有明确边界

候选输出、资产入库和站点上架是三种不同动作;入库与上架分别授权、分别留凭证。

03

差异和残差不会被藏起来

默认只检查;需要修复时按明确范围执行,最多三轮,并保留剩余问题与回滚目标。

02 · CAPABILITY BOUNDARY

现在能做什么,不能做什么,
一次说清楚。

AVAILABLE NOW

当前可用

  • Codex 与 Qoder 本地插件包
  • Blueprint → Source Replica → Daren Adapted
  • adapted L2 component 入库
  • 当前本地 Daren Astro 站上架
  • audit-only 与最多三轮有限修复
NOT IN v0.2.3

暂不支持

  • 通用网页 URL 自动抓取
  • 任意应用安装包捕获
  • L3 区块、L4 模板或整页入库
  • 公网部署与插件市场发布
  • Mindex 与 WorkBuddy 宿主

应用归档当前只声明支持 Codex macOS ASAR;普通网页 URL 仍属于未支持输入。完整机器边界以公开版本的 release.json 为准。

03 · INSTALL LOCALLY

选择你已经工作的地方。

GitHub 的版本页承载经过校验的 Codex/Qoder 插件包、校验和、安装、更新和卸载说明;页面链接固定到当前版本,不随 main 漂移。

CODEX DESKTOP

Codex

本地包可用

以 Skills-first Plugin 进入 Codex。六个技能共享同一套本地 Core、Schema 和权限边界。

  1. 01构建并校验本地包
  2. 02从个人本地市场安装
  3. 03新建对话刷新技能发现
Codex 安装说明 ↗
QODER IDE

Qoder

本地包可用

以本地插件进入 Qoder。工作流和运行时与 Codex 共用,不维护 Qoder 专属能力分叉。

  1. 01构建 Qoder 目标包
  2. 02从插件管理界面导入
  3. 03确认六个技能均可发现
Qoder 安装说明 ↗
ONE PRODUCT · SIX SKILLS安装一次 UI Distiller,不需要逐个安装技能。
下载 v0.2.3 ↗
04 · FIRST SUCCESS

第一次使用,只需要三个决定。

  1. 01

    告诉 Agent 你想完成什么

    例如“只拆解这个界面”“按蓝图复刻并适配 Daren”“把这个已验证的 L2 组件入库并上架”。

  2. 02

    确认来源与输出范围

    来源必须有权访问;候选目录、资产入库和站点上架按实际任务分别确认。

  3. 03

    检查交付物和残差

    查看 Blueprint、Source Replica、Adapted AssetPackage、质量报告和对应写入凭证。

05 · THE COMPLETE WORKFLOW

五个生产动作,
一项横向检修能力。

前五步构成资产生产链;检修可以在任一适用阶段独立发起,不是必须排在最后的流水线步骤。

  1. 01DISSECT

    拆解

    从有权访问的来源提炼结构、样式、状态和交互,交付 C9 Blueprint。

  2. 02REPLICATE

    复刻

    根据有效 Blueprint 生成独立、可运行的 Source Replica。

  3. 03ADAPT

    适配

    映射到 Daren Token、组件与规范,保留源版并生成独立适配版。

  4. 04REGISTER

    入库

    核验摘要、冲突、授权与资产范围后,写入 distilled collection。

  5. 05PUBLISH

    上架

    消费新鲜入库凭证,接入当前本地 Astro 站目录、详情、预览和搜索。

  6. 06INSPECT

    检修

    横向检查任一阶段;默认 audit-only,明确授权后才有限修复。

    横向能力 · audit-only 默认
06 · SIX MECE SKILLS

按用户任务选择入口,
不用先理解内部架构。

技能负责理解意图和编排步骤,稳定执行仍由共享 Core 完成。每个入口都指向当前版本的 canonical SKILL.md

01ui-decomposer

看懂一个界面

捕获来源、解析结构与样式、识别交互状态,交付可执行蓝图、人读方案、证据与待确认项。

输入
授权来源或证据
输出
C9 Blueprint
副作用
只读来源
技能详情 ↗
02ui-replica-engine

原样还原

根据有效蓝图,还原约定范围内的布局、样式、状态和交互,交付可运行复制品与预览。

输入
有效 Blueprint
输出
Source Replica
副作用
写候选目录
技能详情 ↗
03design-system-adapter

适配 Daren Design

将已有界面映射到目标 Token、组件与设计规范,交付独立适配版和差异说明。

输入
既有界面资产
输出
Adapted AssetPackage
副作用
不自动入库
技能详情 ↗
04ui-audit-repair

检查并有限修复

按检查目标发现问题,在授权范围内修复并复检,交付质量报告、修订资产和剩余问题。

输入
资产与检查目标
输出
Quality Report
副作用
默认只检查
技能详情 ↗
05design-asset-registrar

受控入库

唯一的资产补全与入库入口;校验 adapted component、冲突和授权,写入 distilled collection 并交付 RegistrationReceipt。

输入
有效 L2 AssetPackage
输出
RegistrationReceipt
副作用
需 library-write
技能详情 ↗
06design-asset-publisher

上架设计站

消费新鲜入库凭证,把资产接入当前 Astro 站的分类、详情、隔离预览和检索,交付 PublicationReceipt。

输入
新鲜入库凭证
输出
PublicationReceipt
副作用
需 site-write
技能详情 ↗
07 · TRUST BY DEFAULT

先把边界说清楚,
再让工具行动。

01

来源默认只读

不修改来源应用,不执行不可信来源脚本。

02

写入分别授权

library-write 和 site-write 不能共用一个笼统批准。

03

本地运行,无遥测

当前版本没有遥测服务,也不保存 Cookie、Token 或完整浏览器 Profile。

04

不冒充公网发布

SiteAdapter 只负责当前本地 Daren Astro 站投影。

LOCAL FIRST · EVIDENCE DRIVEN

从一次真实任务开始,
让缺失资产进入可复用循环。

选择 Codex 或 Qoder,从 GitHub 版本页下载安装;页面只陈述当前公开版本已经验证的能力。

选择安装方式 查看 GitHub ↗