UI 原样复刻

复刻任务最常见的失败不是「画得不像」，而是跳过采源直接凭截图写实现——几何大体对、质感和图标全丢，交互只画了静态壳。本技能把这件事工程化：先从应用的真实资源中提取一份事实基线，再按计划分两段产出（先原版复刻、后设计系统替换），让「像不像源应用」和「像不像 Daren Design」分别可验收。

输入侧源无关：桌面 / Electron 应用（走 extract-desktop.md + extract_asar.sh）、公开网页（DevTools 计算样式 + DOM；登录态返回 needs-human-source，不自行登录），或调用方传入的资产引用。

1. 先保留原版，再替换视觉身份

第一段产出 Source Replica：尽可能 1:1 复制源应用的布局、交互、状态、菜单、面板、主题、图标、字体与颜色近似，形成可运行、可单独验收、可复用的基准版本。第二段 Design-System Adaptation：结构与交互不变，把每一处颜色、字体、圆角、间距通过 Daren token 重新表达——提取真实色值是为了理解设计意图后做映射决策，不是粘贴（例：源强调色 #d97757 → 「映射到我们的 --color-brand，仅用于焦点 / 图标点缀，绝不作背景」）。

2. 交互不可降级；唯一例外是图标

复刻的是结构（区域布局、尺寸、导航模型、面板解剖）和行为（悬停、展开 / 折叠、菜单、状态图标、动效手感）。每一个源应用主界面上可见的按钮 / tab / 菜单入口 / 折叠器 / split 控件，都必须有对应点击交互、状态变化、禁用 / 空态或占位反馈。图标直接沿用源应用原图标资源，保证图形语言 1:1；除图标外的其余视觉一律走重新表达。