UI 拆解提炼 UI Decomposition
捕获来源、解析结构与样式、识别交互状态,交付可执行蓝图、人读方案、证据与待确认项。
- 确认来源与约定范围
- 捕获、解析并提炼结构与交互
- 交付蓝图、方案和证据;只拆解时不生成代码
拆解、复刻、适配、检修、入库与上架,各自独立发起,也能按需组合。六个技能已可在 Codex 与 Qoder 本地插件中使用。
生产动作彼此分离:复刻不隐式适配,入库与上架分别授权并分别出具回执。
捕获、解析与提炼,交付可执行蓝图及方案。
根据有效蓝图还原约定范围内的界面,交付可运行复制品。
映射目标设计规范,交付独立适配版。
整理、校验并登记到 Daren Design,交付入库凭证。
接入指定设计站的目录、详情与预览;不默认公网部署。
横向检修:UI 质检修复(inspect)——可在任一适用环节独立发起;仅检查时只出报告,修复需按明确范围与预算执行。
六个已实现技能共享同一套合同与运行时。点击卡片查看任务职责与交付边界。
捕获来源、解析结构与样式、识别交互状态,交付可执行蓝图、人读方案、证据与待确认项。
根据有效蓝图,还原约定范围内的布局、样式、状态和交互,交付可运行复制品与预览。
将已有界面映射到目标 Token、组件与设计规范,交付独立适配版和差异说明。
按检查目标发现问题,在授权范围内修复并复检,交付质量报告、修订资产和剩余问题。
唯一的资产补全与入库入口;校验 adapted component、冲突和授权,写入 distilled collection 并交付 RegistrationReceipt。
消费新鲜入库凭证,把资产接入当前 Astro 站的分类、详情、隔离预览和检索,交付 PublicationReceipt。
技能不是各自为政的菜单项;按任务形态选对组合,才闭环。
| 场景 | 组合 | 要点 |
|---|---|---|
| 只分析界面 | dissect | 交付蓝图、方案与证据,不生成组件代码。 |
| 按蓝图还原并换设计规范 | replicate → adapt | 保留源版,交付独立适配版;可按需加入检修。 |
| 检查已有资产 | inspect | 默认仅检查;明确要求修复时,在范围和预算内修复、复检。 |
| 资产入库并上架 | register → publish | 后续契约:分别登记资产库、接入指定站点;不默认包含公网部署。 |
2026-09 的 AppShell 投影任务跳过了复刻引擎,直接从「设计一个通用壳」跳到实现——几何大体对、质感和图标全丢,根因正是漏掉 Source Replica。教训:凡是「对齐既有界面」的任务,先问粒度路由,再谈实现。这条教训已接线为 kyber-flow 的条件刚性路由(触发词错配不得作为跳过依据)。