diff --git a/.agents/skills/changelog-generator/SKILL.md b/.agents/skills/changelog-generator/SKILL.md
index 35aff4b765..ff1db21ddc 100644
--- a/.agents/skills/changelog-generator/SKILL.md
+++ b/.agents/skills/changelog-generator/SKILL.md
@@ -19,6 +19,14 @@ description: 通过查看当前最新版本与上一版本间的git提交记录
 
 生成内容写入到 CHANGELOG.md 文件中。
 
+## 文档与 Skill 同步约束
+
+生成变更日志后，检查版本变更内容是否涉及**用户开发使用方式**（对外暴露的 API、配置项、模板/样式/脚本/JSON 能力、CLI 参数、生命周期、内建组件、环境 API、跨端行为差异等），如涉及则必须同步更新对应的文档与 Skill：
+
+- **文档**：更新 [docs-vitepress/](docs-vitepress/) 下对应位置的 `.md`，并按 [docs-vitepress/AGENTS.md](docs-vitepress/AGENTS.md) 的归档原则与索引要求同步侧边栏、导航及目录索引。
+- **Skill**：当变更涉及**跨端输出 RN 的能力**（模板/脚本/样式/JSON 配置维度、基础组件、环境 API 在 RN 平台的支持情况、Mpx2RN 编译行为等）时，必须同步更新 [.agents/skills/mpx2rn/](.agents/skills/mpx2rn/) 下的相关知识库。
+- 仅修改内部实现、重构、测试、构建脚本而不改变对外使用方式的变更项，无需更新文档或 Skill。
+
 ## 内容示例
 
 ```markdown
diff --git a/.agents/skills/mpx2rn-gene/SKILL.md b/.agents/skills/mpx2rn-gene/SKILL.md
new file mode 100644
index 0000000000..656fb75af1
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/SKILL.md
@@ -0,0 +1,86 @@
+---
+name: mpx2rn-gene
+description: Mpx 跨端输出 RN 开发适配的 Gene 表达形式——基于 Gene Evolution Protocol (GEP) 将文档导向的 Skill 蒸馏为紧凑的 Strategy Gene 集合。当用户要求对已有 Mpx 组件进行 RN 跨端适配改造、创建符合 RN 跨端兼容规范的 Mpx 组件时调用。与 mpx2rn skill 的区别：mpx2rn 提供完整文档参考，本 skill 提供紧凑的行为控制指令，适合执行阶段直接注入上下文。
+metadata:
+  version: "1.0.0"
+  author: donghongping
+  based_on: mpx2rn
+  approach: gene-evolution-protocol
+---
+
+# Mpx2RN Strategy Gene Skill
+
+本 Skill 基于 Gene Evolution Protocol (GEP) 蒸馏为 8 个领域 Gene + 1 个演化控制 Gene，每个 ~200-300 tokens，直接控制行为而非解释文档。支持 GEP 三层结构（Gene / Capsule / Event）和六步演化循环。
+
+## Gene 注册表
+
+| gene_id | 触发信号 | 文件 |
+|---------|---------|------|
+| `gene_cross_platform` | 跨平台兼容, dual-track, 原平台 | [genes/gene_cross_platform.md](genes/gene_cross_platform.md) |
+| `gene_template` | template, wx:class, wx:style, wx:ref, 基础组件 | [genes/gene_template.md](genes/gene_template.md) |
+| `gene_style_selector` | selector, 选择器, 单类, compound, pseudo | [genes/gene_style_selector.md](genes/gene_style_selector.md) |
+| `gene_style_property` | style, flex, rpx, font-weight, display-none | [genes/gene_style_property.md](genes/gene_style_property.md) |
+| `gene_script` | script, lifecycle, mpx.xxx, api-proxy, selector-api | [genes/gene_script.md](genes/gene_script.md) |
+| `gene_conditional_compile` | 条件编译, @mpx-if, @mode, __mpx_mode__ | [genes/gene_conditional_compile.md](genes/gene_conditional_compile.md) |
+| `gene_text_overflow` | text-overflow, numberOfLines, hairlineWidth | [genes/gene_text_overflow.md](genes/gene_text_overflow.md) |
+| `gene_json_config` | json, usingComponents, disableScroll, tabBar | [genes/gene_json_config.md](genes/gene_json_config.md) |
+| `gene_evolution` | 演化, evolution, capsule, event, GEP loop | [genes/gene_evolution.md](genes/gene_evolution.md) |
+
+## 调度规则
+
+### 任务一：对已有 Mpx 组件进行 RN 跨端适配改造
+
+**始终加载：** `gene_cross_platform` + `gene_conditional_compile`
+
+**按 SFC 区块顺序加载：**
+1. `<template>` → 读取 `gene_template`
+2. `<script>` → 读取 `gene_script`
+3. `<style>` → 依次读取 `gene_style_selector` → `gene_style_property` → `gene_text_overflow`
+4. `<script name="json">` / JSON 配置 → 读取 `gene_json_config`
+
+**收尾：** 编译校验 → 按错误分类回到对应 gene 修正
+
+### 任务二：从零创建符合 RN 跨端兼容的 Mpx 组件
+
+**始终加载：** `gene_cross_platform` + `gene_conditional_compile`
+
+**全部 gene 并行加载：** 编写时直接遵循所有 gene 约束
+
+**收尾：** 编译校验 → ESLint 校验
+
+### 任务三：Gene 演化（适配经验积累）
+
+**触发信号：** 编译失败 / ESLint 报错 / 用户反馈纠正 / 适配方案不生效
+
+**加载：** `gene_evolution`
+
+**GEP 六步循环：**
+1. **Scan**：定位失败根因，收集错误日志/用户反馈
+2. **Signal**：映射到具体 gene_id（如样式不兼容→`gene_style_property`）
+3. **Intent**：确定演化类型（repair / optimization / extension）
+4. **Mutate**：修改目标 Gene 的 Strategy 或 AVOID 项
+5. **Validate**：重新执行编译校验，确认修正有效
+6. **Solidify**：写回 Gene 文件 + 记录 Event（`events/`）+ 记录 Capsule（`capsules/`）
+
+### 任务四：查阅已有经验（Capsule 检索）
+
+**触发信号：** 遇到同类任务时，先查阅 `capsules/CAPSULES.md` 中是否有可参考的成功路径
+
+**加载：** 对应 Capsule 中记录的 Gene 集合
+
+## 详细参考
+
+当 gene 中的策略指令不足以解决具体问题时，查阅详细参考文档：
+
+| 参考文档 | 用途 |
+|---------|------|
+| [模板能力参考](references/rn-template-reference.md) | 基础组件属性/事件支持明细 |
+| [脚本能力参考](references/rn-script-reference.md) | 生命周期/实例方法/组合式 API 支持明细 |
+| [样式能力参考](references/rn-style-reference.md) | 样式属性逐项支持情况 |
+| [样式开发最佳实践](references/rn-style-practice.md) | 常见样式兼容方案 |
+| [环境 API 参考](references/rn-api-reference.md) | mpx.xxx API 支持情况 |
+| [JSON 配置参考](references/rn-json-reference.md) | 页面/组件 JSON 配置支持 |
+| [条件编译](references/conditional-compile.md) | 各区块条件编译语法 |
+| [单文件组件](references/single-file-component.md) | Mpx SFC 基本结构 |
+| [Capsule 注册表](capsules/CAPSULES.md) | 已验证的成功执行路径 |
+| [Event 注册表](events/EVENTS.md) | Gene 演化变更日志 |
diff --git a/.agents/skills/mpx2rn-gene/capsules/CAPSULES.md b/.agents/skills/mpx2rn-gene/capsules/CAPSULES.md
new file mode 100644
index 0000000000..a8e912a771
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/capsules/CAPSULES.md
@@ -0,0 +1,34 @@
+# Capsule Registry
+
+> 已验证的成功执行路径。每个 Capsule 记录一次完整的 RN 适配任务执行，供同类任务参考。
+
+## Capsule 文件模板
+
+```markdown
+<!-- GEP Capsule Object -->
+<!-- type: Capsule -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: capsule_xxx -->
+<!-- created: YYYY-MM-DD -->
+
+## 任务签名
+<!-- 简要描述任务类型和上下文 -->
+
+## 使用的 Gene 集合
+<!-- 列出本次激活的 gene_id -->
+
+## 执行轨迹
+<!-- 关键决策点和操作路径 -->
+
+## 验证结果
+<!-- 编译校验 / ESLint / 运行时验证结果 -->
+
+## 谱系
+<!-- 关联的 Event ID（如因某次 repair 而产生） -->
+```
+
+## 已注册 Capsule
+
+| capsule_id | 任务类型 | 使用的 Gene | 创建日期 | 文件 |
+|------------|---------|------------|---------|------|
+<!-- 待积累 -->
diff --git a/.agents/skills/mpx2rn-gene/events/EVENTS.md b/.agents/skills/mpx2rn-gene/events/EVENTS.md
new file mode 100644
index 0000000000..57eb1f3fb9
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/events/EVENTS.md
@@ -0,0 +1,37 @@
+# Event Registry
+
+> 不可变的 Gene 演化日志。每个 Event 记录一次 Gene 变更，保持可审计和可追溯。
+
+## Event 文件模板
+
+```markdown
+<!-- GEP Event Object -->
+<!-- type: Event -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: evt_xxx -->
+<!-- created: YYYY-MM-DD -->
+
+## 事件类型
+<!-- repair / innovation / validation_pass / validation_fail / solidify -->
+
+## 触发信号
+<!-- 什么失败/反馈触发了本次演化 -->
+
+## 变更目标
+<!-- 源 gene_id → 修改后的 gene_id -->
+
+## 变更意图
+<!-- 为什么要做这个修改 -->
+
+## 变更 Diff
+<!-- 具体修改了哪些 Strategy / AVOID 项 -->
+
+## 验证结果
+<!-- 修改后的编译校验 / 测试结果 -->
+```
+
+## 已注册 Event
+
+| event_id | 类型 | 目标 Gene | 触发信号 | 日期 | 文件 |
+|----------|------|----------|---------|------|------|
+| evt_001 | repair + extension | gene_template, gene_script, gene_style_property | iteration-8 eval 11条失败 | 2026-05-19 | [evt_001_iter8_repair.md](evt_001_iter8_repair.md) |
diff --git a/.agents/skills/mpx2rn-gene/events/evt_001_iter8_repair.md b/.agents/skills/mpx2rn-gene/events/evt_001_iter8_repair.md
new file mode 100644
index 0000000000..0782175a76
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/events/evt_001_iter8_repair.md
@@ -0,0 +1,45 @@
+<!-- GEP Event Object -->
+<!-- type: Event -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: evt_001 -->
+<!-- created: 2026-05-19 -->
+
+## 事件类型
+repair + extension
+
+## 触发信号
+iteration-8 eval 执行结果：mpx2rn_gene 得分 52/63（82.54%），11 条断言失败，集中在事件传参/dataset 清理、内联样式简写、非触摸 catch 事件、RN 不支持样式属性等方面。
+
+## 变更目标
+- gene_template（repair: 强化 dataset 清理与内联传参；extension: 内联样式多值简写限制、border 简写限制、enable-var）
+- gene_script（repair: 禁用 dataset 取参；extension: catch 前缀限制、条件编译隔离 API）
+- gene_style_property（extension: radial-gradient、border-style 统一、background-repeat、text-decoration-style/color）
+
+## 变更意图
+覆盖 iteration-8 中 mpx2rn_gene 相比 mpx2rn_original 的 8 分差距中可归因于 gene 策略缺失的 11 条失败项，使 gene 版在下次执行时能正确处理这些场景。
+
+## 变更 Diff
+
+### gene_template.md
+- Strategy 4: "事件传参优先使用" → "事件传参**必须**使用内联传参语法，同时移除 data-xxx 属性；脚本中禁止 e.target.dataset"
+- 新增 Strategy 7: enable-var 声明
+- 新增 Strategy 8: 内联 style/wx:style 禁止多值 margin/padding 简写，须拆分单方向
+- 新增 AVOID 11: 内联 style 中 border 简写
+- 新增 AVOID 12: 保留 data-xxx 属性传递事件参数
+
+### gene_script.md
+- 新增 Strategy 6: 禁止 e.target.dataset / e.currentTarget.dataset
+- 新增 Strategy 7: 非触摸类事件不使用 catch 前缀
+- 新增 Strategy 8: RN 不支持的 API 须条件编译隔离（setTabBarBadge/removeTabBarBadge/getUserProfile）
+- 新增 AVOID 12: e.target.dataset / e.currentTarget.dataset
+
+### gene_style_property.md
+- 新增 Strategy 7: radial-gradient 须条件编译或替换
+- 新增 Strategy 8: border-style 统一设置，不支持单边 border-xxx-style
+- 新增 Strategy 9: background-repeat 仅支持 no-repeat
+- 新增 Strategy 10: text-decoration-style/color 须条件编译隔离
+- 新增 AVOID 14: radial-gradient
+- 新增 AVOID 15: 单边 border-xxx-style
+
+## 验证结果
+待 iteration-9 执行验证。预期覆盖 t1/t6/t8/j5/j8/l4/l8/l9/c2/c7/c9 共 11 条断言。
diff --git a/.agents/skills/mpx2rn-gene/genes/GENES.md b/.agents/skills/mpx2rn-gene/genes/GENES.md
new file mode 100644
index 0000000000..43b4624fdf
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/GENES.md
@@ -0,0 +1,74 @@
+# Mpx2RN Strategy Gene Registry
+
+> 本文件是 Mpx 跨端输出 RN 开发指南的 **Gene 表达形式**——基于 Gene Evolution Protocol (GEP) 将文档导向的 Skill 蒸馏为紧凑的、面向行为控制的 Strategy Gene 集合。每个 Gene 约 200-300 tokens，提供高信号密度的控制指令而非文档解释。
+>
+> 原始文档导向的 Skill 参见 [SKILL.md](../SKILL.md)，详细参考资料在 [references/](../references/)。
+
+## Gene 注册表
+
+| gene_id | 触发关键词 | 控制摘要 | 文件 |
+|---------|-----------|---------|------|
+| `gene_cross_platform` | 跨平台兼容, dual-track, 原平台 | RN 适配不可破坏原平台——双轨保留 | [gene_cross_platform.md](gene_cross_platform.md) |
+| `gene_template` | template, wx:class, wx:style, wx:ref, 基础组件 | 模板仅用 RN 支持的组件/属性/事件 | [gene_template.md](gene_template.md) |
+| `gene_style_selector` | selector, 选择器, 单类, compound, pseudo | 选择器全部单类化 | [gene_style_selector.md](gene_style_selector.md) |
+| `gene_style_property` | style, flex, rpx, font-weight, display-none | 样式属性使用 RN 兼容方案 | [gene_style_property.md](gene_style_property.md) |
+| `gene_script` | script, lifecycle, mpx.xxx, api-proxy, selector-api | 脚本统一 mpx.xxx + RN 支持的生命周期 | [gene_script.md](gene_script.md) |
+| `gene_conditional_compile` | 条件编译, @mpx-if, @mode, __mpx_mode__ | 各区块用对应语法，最小包裹 | [gene_conditional_compile.md](gene_conditional_compile.md) |
+| `gene_text_overflow` | text-overflow, numberOfLines, hairlineWidth | 文本溢出/极细线双轨模式 | [gene_text_overflow.md](gene_text_overflow.md) |
+| `gene_json_config` | json, usingComponents, disableScroll, tabBar | JSON 配置仅用 RN 支持字段 | [gene_json_config.md](gene_json_config.md) |
+| `gene_evolution` | 演化, evolution, capsule, event, GEP loop | GEP 六步循环驱动 Gene 持续演化 | [gene_evolution.md](gene_evolution.md) |
+
+## Gene 调度逻辑
+
+### 任务一：对已有 Mpx 组件进行 RN 跨端适配改造
+
+**始终激活：** `gene_cross_platform` + `gene_conditional_compile`
+
+**按 SFC 区块顺序激活：**
+1. `<template>` → `gene_template`
+2. `<script>` → `gene_script`
+3. `<style>` → `gene_style_selector` → `gene_style_property` → `gene_text_overflow`
+4. `<json>` → `gene_json_config`
+
+**收尾：** 编译校验（`scripts/compile-validate.js`）→ 按错误分类回到对应 gene 修正
+
+### 任务二：从零创建符合 RN 跨端兼容的 Mpx 组件
+
+**始终激活：** `gene_cross_platform` + `gene_conditional_compile`
+
+**全部 gene 并行激活：** 编写时直接遵循所有 gene 约束，避免写完再改
+
+**收尾：** 编译校验 → ESLint 校验
+
+## GEP 三层结构
+
+```
+Gene（原子控制单元）→ 直接注入推理时上下文，控制行为
+  ↓ 组合
+Capsule（已验证执行路径）→ 记录成功的 gene 组合 + 执行轨迹
+  ↓ 记录
+Event（不可变演化日志）→ 记录 gene 的修正/优化/验证历史
+```
+
+### Gene 层（genes/）
+8 个领域 Gene + 1 个演化控制 Gene，直接注入推理上下文控制行为。
+
+### Capsule 层（capsules/）
+记录成功的 RN 适配执行路径。每个 Capsule 包含：任务签名、使用的 Gene 集合、关键决策点、验证结果。详见 [capsules/CAPSULES.md](../capsules/CAPSULES.md)。
+
+### Event 层（events/）
+不可变的 Gene 演化日志。每个 Event 记录一次 Gene 变更的触发信号、变更 diff 和验证结果。详见 [events/EVENTS.md](../events/EVENTS.md)。
+
+### 演化循环（GEP Loop）
+```
+失败/纠正 → Scan → Signal → Intent → Mutate → Validate → Solidify
+                                                    ↓           ↓
+                                              更新 Gene    记录 Event + Capsule
+```
+演化由 `gene_evolution` 控制，触发信号包括：编译失败、ESLint 报错、用户反馈纠正、适配方案不生效。
+
+## 扩展参考
+
+- [SKILL.md（入口）](../SKILL.md)
+- [references/（详细能力参考）](../references/)
+- [scripts/（编译校验工具）](../scripts/)
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_conditional_compile.md b/.agents/skills/mpx2rn-gene/genes/gene_conditional_compile.md
new file mode 100644
index 0000000000..43b124935d
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_conditional_compile.md
@@ -0,0 +1,25 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_conditional_compile -->
+<!-- signals_match: 条件编译, conditional-compile, @mpx-if, @mode, __mpx_mode__, 分平台 -->
+
+<strategy-gene>
+Domain keywords: 条件编译, @mpx-if, @mode, @_mode, __mpx_mode__, 分平台处理
+Summary: 条件编译是跨端不兼容的最后手段——各区块使用对应语法，最小包裹，禁止产生空选择器
+Strategy:
+1. 条件编译是最后手段：先确认是否存在无需条件编译的跨端兼容写法
+2. 样式区块：使用 /* @mpx-if (__mpx_mode__ === ...) */ 注释语法
+3. 模板区块：使用 wx:if="{{__mpx_mode__ === ...}}" 或 @mode/@_mode 属性后缀
+4. 脚本和 JSON 区块：使用 if (__mpx_mode__ === ...) 条件语句
+5. 平台条件——原平台：__mpx_mode__ === 'wx' || 'ali' || 'web'；RN：__mpx_mode__ === 'ios' || 'android' || 'harmony'
+6. 仅最小包裹不兼容片段，不要大面积条件编译分叉
+7. 样式条件编译必须包裹整条规则（含选择器+花括号内容），不能只包裹声明块内部
+8. AVOID: 在 style 以外的区块使用 /* @mpx-if */ 注释语法（不会生效）
+9. AVOID: 样式条件编译后产物中出现空选择器
+10. AVOID: 整段代码都用条件编译分叉（仅包裹真正不兼容的最小片段）
+</strategy-gene>
+
+<references>
+- [条件编译](../references/conditional-compile.md)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_cross_platform.md b/.agents/skills/mpx2rn-gene/genes/gene_cross_platform.md
new file mode 100644
index 0000000000..7f5ee98408
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_cross_platform.md
@@ -0,0 +1,21 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_cross_platform -->
+<!-- signals_match: 跨平台兼容, cross-platform, dual-track, 条件编译保留, 原平台 -->
+
+<strategy-gene>
+Domain keywords: 跨平台兼容, cross-platform, dual-track, conditional-compile, 原平台保留
+Summary: 确保 RN 适配不破坏原平台行为——所有 RN 专有写法必须通过条件编译隔离，原平台原有写法必须完整保留
+Strategy:
+1. 引入「RN 支持但原平台不支持」的写法（如 numberOfLines@ios|android|harmony、hairlineWidth）时，用条件编译将其限定在 RN 平台输出
+2. 同步用条件编译保留原平台已有写法，禁止因 RN 适配而替换或删除原平台代码
+3. 该原则贯穿 template / script / style / JSON 四个维度，每个维度的条件编译语法不同（参见 gene_conditional_compile）
+4. AVOID: 只保留 RN 一侧实现而删除原平台写法
+5. AVOID: 不加条件编译直接用 RN 专有属性替换跨端通用写法
+</strategy-gene>
+
+<references>
+- [条件编译](../references/conditional-compile.md)
+- [样式开发最佳实践 · 双轨保留](../references/rn-style-practice.md#1-像素边框极细线)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_evolution.md b/.agents/skills/mpx2rn-gene/genes/gene_evolution.md
new file mode 100644
index 0000000000..5fac4a8b9c
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_evolution.md
@@ -0,0 +1,25 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_evolution -->
+<!-- signals_match: 演化, evolution, 迭代, capsule, event, 经验积累, GEP loop, solidify -->
+
+<strategy-gene>
+Domain keywords: 演化, evolution, GEP loop, capsule, event, 迭代, 经验积累, solidify, repair
+Summary: 通过 GEP 六步循环（Scan→Signal→Intent→Mutate→Validate→Solidify）驱动 Gene 的持续演化——执行失败/用户纠正触发定向修正，成功路径记录为 Capsule
+Strategy:
+1. 演化触发信号：编译校验失败 / ESLint 报错 / 用户反馈纠正 / 适配方案不生效——任一信号触发 Scan 阶段
+2. Scan→Signal：定位失败根因，映射到具体 gene_id（如样式不兼容→gene_style_property，选择器报错→gene_style_selector）
+3. Intent→Mutate：确定演化类型（repair/optimization/extension），修改目标 Gene 的 Strategy 或 AVOID 项，保持 Gene 结构不变
+4. Validate：修改后重新执行编译校验（scripts/compile-validate.js），确认修正有效且不引入新问题
+5. Solidify：验证通过后将变更写回 Gene 文件，同时在 events/ 记录 Event（含 diff、触发信号、验证结果）
+6. 成功的完整适配路径记录为 Capsule（任务签名 + 使用的 Gene 集合 + 关键决策点 + 验证结果），存入 capsules/
+7. AVOID: 将失败历史直接追加到 Gene 文本中——先蒸馏为 AVOID 警告再合并，保持信号密度
+8. AVOID: 在单个 Gene 中组合过多经验——单一精准 Gene 效果优于多 Gene 堆积（组合 Gene 性能下降 -6.1pp）
+</strategy-gene>
+
+<references>
+- [GEP 协议参考](../../.claude/skills/skill2gene/references/gep-protocol.md)
+- [Capsule 模板](../capsules/CAPSULES.md)
+- [Event 模板](../events/EVENTS.md)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_json_config.md b/.agents/skills/mpx2rn-gene/genes/gene_json_config.md
new file mode 100644
index 0000000000..fc3a7a21f5
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_json_config.md
@@ -0,0 +1,21 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_json_config -->
+<!-- signals_match: json, JSON配置, usingComponents, navigationBar, disableScroll, subPackages, tabBar -->
+
+<strategy-gene>
+Domain keywords: json, usingComponents, navigationBar, disableScroll, tabBar, componentPlaceholder, 分包
+Summary: JSON 配置仅使用 RN 支持的字段，disableScroll 设 true 配合 scroll-view，不支持字段用条件编译隔离
+Strategy:
+1. 页面 JSON 中 disableScroll 应设为 true，在 template 中用 scroll-view 包裹滚动内容
+2. 仅使用 RN 支持的页面配置字段：navigationStyle/navigationBarTitleText/navigationBarTextStyle/navigationBarBackgroundColor/backgroundColorContent/usingComponents/componentPlaceholder/disableScroll
+3. 不支持的字段（如 tabBar）须通过条件编译隔离
+4. 需要分平台配置时使用 <script name="json"> 动态生成，借助 __mpx_mode__ / __mpx_env__
+5. AVOID: 在 RN 输出中使用 tabBar 配置（暂不支持）
+6. AVOID: 使用 enablePullDownRefresh / onReachBottomDistance（RN 无效，用 scroll-view 替代）
+</strategy-gene>
+
+<references>
+- [JSON 配置参考](../references/rn-json-reference.md)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_script.md b/.agents/skills/mpx2rn-gene/genes/gene_script.md
new file mode 100644
index 0000000000..dceb3261d3
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_script.md
@@ -0,0 +1,28 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_script -->
+<!-- signals_match: script, 脚本, lifecycle, 生命周期, api-proxy, mpx.xxx, wx.xxx, selector, createSelectorQuery -->
+
+<strategy-gene>
+Domain keywords: script, lifecycle, api-proxy, mpx.xxx, selector, createSelectorQuery, createIntersectionObserver
+Summary: 脚本层统一用 mpx.xxx API、仅使用 RN 支持的生命周期，selector API 限定 #id/.class 并配合 wx:ref
+Strategy:
+1. 平台 API 统一：wx.xxx / my.xxx 全部替换为 mpx.xxx（通过 @mpxjs/api-proxy 抹平）
+2. 仅使用 RN 支持的生命周期和构造选项（查阅 rn-script-reference）
+3. selector API（selectComponent/selectAllComponents/createSelectorQuery/createIntersectionObserver）仅支持 #id/.class，对应模板节点须声明空 wx:ref
+4. 新建组件优先 <script setup> + 组合式 API，状态管理优先 @mpxjs/pinia
+5. 页面滚动相关生命周期（onPullDownRefresh/onReachBottom/onPageScroll）RN 无效，用 scroll-view 事件替代
+6. 事件处理函数中禁止使用 e.target.dataset / e.currentTarget.dataset 取参，配合模板侧内联传参语法改造
+7. 非触摸类事件（如 scroll/input/change/submit）不使用 catch 前缀（catchtap 仅限触摸事件阻止冒泡）
+8. RN 不支持的生命周期/API 须用条件编译隔离：setTabBarBadge/removeTabBarBadge/getUserProfile 等（不能直接删除，原平台需保留）
+9. AVOID: 直接使用 wx.xxx / my.xxx
+10. AVOID: onShareTimeline / onTabItemTap / onAddToFavorites / onSaveExitState（RN 不支持，须条件编译隔离或移除）
+11. AVOID: selector 中使用复合选择器（后代/子级等），仅 #id / .class
+12. AVOID: e.target.dataset / e.currentTarget.dataset（RN 不支持 dataset 传参）
+</strategy-gene>
+
+<references>
+- [脚本能力参考](../references/rn-script-reference.md)
+- [环境 API 参考](../references/rn-api-reference.md)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_style_property.md b/.agents/skills/mpx2rn-gene/genes/gene_style_property.md
new file mode 100644
index 0000000000..5b26375300
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_style_property.md
@@ -0,0 +1,31 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_style_property -->
+<!-- signals_match: style, 样式属性, flex, layout, rpx, font-weight, display-none, grid, float, rem, em, 布局 -->
+
+<strategy-gene>
+Domain keywords: style-property, flex, layout, rpx, px, font-weight, display-none, grid, float, rem, vertical-center
+Summary: 样式属性使用 RN 兼容方案——Flex 布局、rpx/px 单位、关键字 font-weight、尺寸归零隐藏
+Strategy:
+1. 布局统一使用 Flex（display:flex + flex-direction），禁止 grid 和 float
+2. 单位优先 rpx（响应式）和 px（固定），rem/em 按项目换算比例转为 rpx；保留 /*use rpx*/ 和 /*use px*/ 单位注释
+3. font-weight 使用 normal/bold 关键字，避免数值（400/500/700 跨端不一致）
+4. 隐藏元素不用 display:none（RN 可能异常），用 width:0;height:0;overflow:hidden 或 wx:if
+5. 文本垂直居中用 display:flex;align-items:center，不依赖 BFC 和 margin 合并——容器间距用 padding，兄弟间距单侧 margin
+6. transition（如 transition: height 0.3s ease）RN 支持，保留不要条件编译隔离；@keyframes / animation RN 不支持，必须条件编译隔离
+7. radial-gradient RN 不支持，须条件编译隔离或替换为纯色/linear-gradient 方案
+8. border-style RN 仅支持统一设置（border-style: solid），不支持单边 border-xxx-style（如 border-top-style: dashed），须合并为统一 border-style
+9. background-repeat RN 仅支持 no-repeat，其他值（repeat/repeat-x/repeat-y）须条件编译隔离或改为 no-repeat
+10. text-decoration-style / text-decoration-color RN 不支持，须条件编译隔离
+11. AVOID: display:grid / float / display:none / rem / em / line-height 等高垂直居中
+12. AVOID: 渐变中使用 transparent（用 rgba(r,g,b,0) 替代）
+13. AVOID: 将 transition 和 @keyframes 混为一谈——transition 是 RN 支持的，不应隔离
+14. AVOID: radial-gradient（RN 不支持）
+15. AVOID: 单边 border-xxx-style（RN 不支持，用统一 border-style 替代）
+</strategy-gene>
+
+<references>
+- [样式能力参考](../references/rn-style-reference.md)
+- [样式开发最佳实践](../references/rn-style-practice.md)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_style_selector.md b/.agents/skills/mpx2rn-gene/genes/gene_style_selector.md
new file mode 100644
index 0000000000..e6c99726e3
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_style_selector.md
@@ -0,0 +1,25 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_style_selector -->
+<!-- signals_match: selector, 选择器, 单类, compound, nested, pseudo, ::before, ::after, :first-child, :active -->
+
+<strategy-gene>
+Domain keywords: selector, 选择器单类化, compound, nested, pseudo-class, pseudo-element, hover-class
+Summary: RN 仅支持单类选择器——所有复合/伪类/伪元素选择器必须改造为等效单类实现，同步更新 template 和 script 引用
+Strategy:
+1. 展开嵌套选择器：sass/less/stylus 嵌套写法先铺平为传统选择器
+2. 后代选择器 .a .b → 语义单类 .a-b，在目标节点上直接绑定
+3. 交集选择器 .a.b → 合并为 .a-b 单类
+4. 子元素伪类 :first-child/:last-child/:nth-child → wx:class + index 判断动态绑定
+5. 伪元素 ::before/::after → 真实节点替代（如 view.title-decorator）
+6. 点击态 :active → hover-class + hover-stay-time 组件属性
+7. 改造后同步更新 template 中的 class 引用和 script 中的 selector API 参数
+8. AVOID: 在 style 中保留任何复合选择器（.a .b / .a>.b / .a+.b / .a.b）
+9. AVOID: 在 style 中使用标签选择器、属性选择器、伪类或伪元素
+</strategy-gene>
+
+<references>
+- [样式开发最佳实践 · 选择器使用建议](../references/rn-style-practice.md#选择器使用建议)
+- [样式能力参考 · 选择器支持](../references/rn-style-reference.md#选择器支持)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_template.md b/.agents/skills/mpx2rn-gene/genes/gene_template.md
new file mode 100644
index 0000000000..f5202f0aeb
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_template.md
@@ -0,0 +1,28 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_template -->
+<!-- signals_match: template, 模板, 基础组件, wx:class, wx:style, wx:ref, event, 事件, 组件属性 -->
+
+<strategy-gene>
+Domain keywords: template, 基础组件, wx:class, wx:style, wx:ref, event, slot, i18n, 数据绑定
+Summary: 模板层仅使用 RN 支持的基础组件/属性/事件，动态绑定走 wx:class/wx:style，selector 节点声明 wx:ref
+Strategy:
+1. 使用基础组件时逐一核对 RN 支持情况（查阅 rn-template-reference）；RN 页面默认不可滚动，需要滚动时用 scroll-view 包裹
+2. 动态 class/style 统一使用 wx:class / wx:style 指令，禁止在 class/style 属性值内用 {{}} 拼接字符串
+3. 脚本中 selectComponent / createSelectorQuery / createIntersectionObserver 引用的模板节点必须声明空 wx:ref
+4. 事件传参必须使用内联传参语法（如 bindtap="handler(item.id)"），同时移除模板中对应的 data-xxx 属性；脚本中禁止使用 e.target.dataset / e.currentTarget.dataset 取参
+5. 仅基础通用事件（tap/longpress/touchstart/touchmove/touchend/touchcancel）支持冒泡和捕获
+6. 模板 Mustache 中不支持普通方法调用，用 computed 或 wxs 替代（i18n 翻译函数 $t/t 除外）
+7. RN 样式增强属性按需声明：使用 transition/animation 的 view 须声明 enable-animation；使用 background-image 的 view 须声明 enable-background；使用 CSS 变量的元素须声明 enable-var；仅首次渲染时检测
+8. 内联 style / wx:style 中禁止使用多值 margin/padding 简写（如 margin: 10px 20px），必须拆分为单方向属性（marginTop/marginRight/marginBottom/marginLeft）
+9. AVOID: class="item {{isActive ? 'active' : ''}}" 插值拼接
+10. AVOID: 模板插值对象字面量中用引号包裹 key 或使用 kebab-case key（如 {{'background-image': '...'}}）——必须使用 camelCase 无引号 key（如 {{backgroundImage: '...'}}）
+11. AVOID: 内联 style 中使用 border 简写（如 border: 1px solid #eee），须拆分为 borderWidth/borderStyle/borderColor
+12. AVOID: 保留 data-xxx 属性传递事件参数——RN 不支持 dataset，必须清理并改为内联传参
+</strategy-gene>
+
+<references>
+- [模板能力参考](../references/rn-template-reference.md)
+- [单文件组件](../references/single-file-component.md)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/genes/gene_text_overflow.md b/.agents/skills/mpx2rn-gene/genes/gene_text_overflow.md
new file mode 100644
index 0000000000..0e0ede6cc8
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/genes/gene_text_overflow.md
@@ -0,0 +1,22 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_text_overflow -->
+<!-- signals_match: text-overflow, numberOfLines, ellipsis, white-space, hairlineWidth, 1rpx, 极细线, 文本溢出, 双轨 -->
+
+<strategy-gene>
+Domain keywords: text-overflow, numberOfLines, ellipsis, hairlineWidth, 1rpx, 双轨保留
+Summary: 文本溢出和极细线使用双轨模式——原平台用样式条件编译保留，RN 侧用等效属性/值实现
+Strategy:
+1. 文本溢出双轨：原平台用 /* @mpx-if */ 包裹 white-space:nowrap + text-overflow:ellipsis + overflow:hidden 整条规则；RN 侧在模板上添加 numberOfLines@ios|android|harmony="{{1}}"
+2. 1rpx 极细线双轨：原平台用 /* @mpx-if */ 包裹 border-width:1rpx；RN 侧用 /* @mpx-if */ 包裹 border-width:hairlineWidth
+3. 双轨模式必须两侧都保留，禁止只保留 RN 一侧
+4. numberOfLines 也可用于 view 组件
+5. AVOID: 只保留 RN 侧实现而删除原平台的 white-space/text-overflow 样式
+6. AVOID: 只保留 RN 侧 hairlineWidth 而删除原平台的 1rpx 写法
+</strategy-gene>
+
+<references>
+- [样式开发最佳实践 · 文本溢出处理](../references/rn-style-practice.md#文本溢出处理)
+- [样式开发最佳实践 · 1像素边框](../references/rn-style-practice.md#1-像素边框极细线)
+</references>
diff --git a/.agents/skills/mpx2rn-gene/references/conditional-compile.md b/.agents/skills/mpx2rn-gene/references/conditional-compile.md
new file mode 120000
index 0000000000..ea108e4c8e
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/conditional-compile.md
@@ -0,0 +1 @@
+../../mpx2rn/references/conditional-compile.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/rn-api-reference.md b/.agents/skills/mpx2rn-gene/references/rn-api-reference.md
new file mode 120000
index 0000000000..0dd849f57e
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/rn-api-reference.md
@@ -0,0 +1 @@
+../../mpx2rn/references/rn-api-reference.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/rn-hybrid-dev.md b/.agents/skills/mpx2rn-gene/references/rn-hybrid-dev.md
new file mode 120000
index 0000000000..9d01aa0c46
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/rn-hybrid-dev.md
@@ -0,0 +1 @@
+../../mpx2rn/references/rn-hybrid-dev.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/rn-json-reference.md b/.agents/skills/mpx2rn-gene/references/rn-json-reference.md
new file mode 120000
index 0000000000..5ce3295a06
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/rn-json-reference.md
@@ -0,0 +1 @@
+../../mpx2rn/references/rn-json-reference.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/rn-script-reference.md b/.agents/skills/mpx2rn-gene/references/rn-script-reference.md
new file mode 120000
index 0000000000..6b7dfe4736
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/rn-script-reference.md
@@ -0,0 +1 @@
+../../mpx2rn/references/rn-script-reference.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/rn-style-practice.md b/.agents/skills/mpx2rn-gene/references/rn-style-practice.md
new file mode 120000
index 0000000000..bcc93a4b73
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/rn-style-practice.md
@@ -0,0 +1 @@
+../../mpx2rn/references/rn-style-practice.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/rn-style-reference.md b/.agents/skills/mpx2rn-gene/references/rn-style-reference.md
new file mode 120000
index 0000000000..17292e9e3d
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/rn-style-reference.md
@@ -0,0 +1 @@
+../../mpx2rn/references/rn-style-reference.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/rn-template-reference.md b/.agents/skills/mpx2rn-gene/references/rn-template-reference.md
new file mode 120000
index 0000000000..97f33254b4
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/rn-template-reference.md
@@ -0,0 +1 @@
+../../mpx2rn/references/rn-template-reference.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/references/single-file-component.md b/.agents/skills/mpx2rn-gene/references/single-file-component.md
new file mode 120000
index 0000000000..dc7ea352e1
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/references/single-file-component.md
@@ -0,0 +1 @@
+../../mpx2rn/references/single-file-component.md
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/scripts/compile-validate.js b/.agents/skills/mpx2rn-gene/scripts/compile-validate.js
new file mode 120000
index 0000000000..ebc198dbde
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/scripts/compile-validate.js
@@ -0,0 +1 @@
+../../mpx2rn/scripts/compile-validate.js
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-gene/scripts/strip-using-components-loader.js b/.agents/skills/mpx2rn-gene/scripts/strip-using-components-loader.js
new file mode 120000
index 0000000000..d0f74c7fe8
--- /dev/null
+++ b/.agents/skills/mpx2rn-gene/scripts/strip-using-components-loader.js
@@ -0,0 +1 @@
+../../mpx2rn/scripts/strip-using-components-loader.js
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/benchmark.json b/.agents/skills/mpx2rn-workspace/iteration-1/benchmark.json
deleted file mode 100644
index 14a88321b9..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/benchmark.json
+++ /dev/null
@@ -1,443 +0,0 @@
-{
-  "metadata": {
-    "skill_name": "mpx-rn-dev-guide",
-    "skill_path": "/Users/didi/work/mpx2/.agents/skills/mpx-rn-dev-guide",
-    "executor_model": "<model-name>",
-    "analyzer_model": "<model-name>",
-    "timestamp": "2026-04-29T03:49:52Z",
-    "evals_run": [
-      0,
-      1,
-      2
-    ],
-    "runs_per_configuration": 3
-  },
-  "runs": [
-    {
-      "eval_id": 0,
-      "configuration": "with_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 1.0,
-        "passed": 9,
-        "failed": 0,
-        "total": 9,
-        "time_seconds": 63.1,
-        "tokens": 48442,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting (& or rule-in-rule)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN (wx-conditional stripped): no `:active`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `:first-child`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.request with mpx.request",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "template: dynamic class via wx:class (not class string interp)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no empty selector rules after stripping comments",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 1,
-      "configuration": "with_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 1.0,
-        "passed": 9,
-        "failed": 0,
-        "total": 9,
-        "time_seconds": 102.4,
-        "tokens": 95996,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "uses composition API (script setup or setup())",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no nesting / compound selectors",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "uses hover-class for press feedback (not bare :active on root)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "triggerEvent('tap', ...) is called",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "title uses numberOfLines for ellipsis",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "avatar uses <image> (not <img>)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "text content wrapped in <text> elements",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 2,
-      "configuration": "with_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 1.0,
-        "passed": 9,
-        "failed": 0,
-        "total": 9,
-        "time_seconds": 57.3,
-        "tokens": 52994,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting outside of conditional compile",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no ::before pseudo-element",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `display: grid`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `:active` pseudo-class",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `+` adjacent sibling combinator",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no empty selector rules",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 0,
-      "configuration": "without_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 0.5556,
-        "passed": 5,
-        "failed": 4,
-        "total": 9,
-        "time_seconds": 65.3,
-        "tokens": 18598,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting (& or rule-in-rule)",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style on RN (wx-conditional stripped): no `:active`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `:first-child`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.request with mpx.request",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "template: dynamic class via wx:class (not class string interp)",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style: no empty selector rules after stripping comments",
-          "passed": false,
-          "evidence": "FAIL"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 1,
-      "configuration": "without_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 0.7778,
-        "passed": 7,
-        "failed": 2,
-        "total": 9,
-        "time_seconds": 115.3,
-        "tokens": 16390,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "uses composition API (script setup or setup())",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no nesting / compound selectors",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "uses hover-class for press feedback (not bare :active on root)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "triggerEvent('tap', ...) is called",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "title uses numberOfLines for ellipsis",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "avatar uses <image> (not <img>)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "text content wrapped in <text> elements",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 2,
-      "configuration": "without_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 0.7778,
-        "passed": 7,
-        "failed": 2,
-        "total": 9,
-        "time_seconds": 44.3,
-        "tokens": 17836,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting outside of conditional compile",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style on RN: no ::before pseudo-element",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `display: grid`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `:active` pseudo-class",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `+` adjacent sibling combinator",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no empty selector rules",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    }
-  ],
-  "run_summary": {
-    "with_skill": {
-      "pass_rate": {
-        "mean": 1.0,
-        "stddev": 0.0,
-        "min": 1.0,
-        "max": 1.0
-      },
-      "time_seconds": {
-        "mean": 74.2667,
-        "stddev": 24.5362,
-        "min": 57.3,
-        "max": 102.4
-      },
-      "tokens": {
-        "mean": 65810.6667,
-        "stddev": 26240.1589,
-        "min": 48442,
-        "max": 95996
-      }
-    },
-    "without_skill": {
-      "pass_rate": {
-        "mean": 0.7037,
-        "stddev": 0.1283,
-        "min": 0.5556,
-        "max": 0.7778
-      },
-      "time_seconds": {
-        "mean": 74.9667,
-        "stddev": 36.4737,
-        "min": 44.3,
-        "max": 115.3
-      },
-      "tokens": {
-        "mean": 17608.0,
-        "stddev": 1121.5186,
-        "min": 16390,
-        "max": 18598
-      }
-    },
-    "delta": {
-      "pass_rate": "+0.30",
-      "time_seconds": "-0.7",
-      "tokens": "+48203"
-    }
-  },
-  "notes": []
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/benchmark.md b/.agents/skills/mpx2rn-workspace/iteration-1/benchmark.md
deleted file mode 100644
index 0ead67b559..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/benchmark.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Skill Benchmark: mpx-rn-dev-guide
-
-**Model**: <model-name>
-**Date**: 2026-04-29T03:49:52Z
-**Evals**: 0, 1, 2 (3 runs each per configuration)
-
-## Summary
-
-| Metric | With Skill | Without Skill | Delta |
-|--------|------------|---------------|-------|
-| Pass Rate | 100% ± 0% | 70% ± 13% | +0.30 |
-| Time | 74.3s ± 24.5s | 75.0s ± 36.5s | -0.7s |
-| Tokens | 65811 ± 26240 | 17608 ± 1122 | +48203 |
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/eval_metadata.json
deleted file mode 100644
index a064eda4c8..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/eval_metadata.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "eval_id": 0,
-  "eval_name": "adapt-list-page",
-  "prompt": "请帮我对附件中的 Mpx 页面 list.mpx 进行 RN 跨端适配改造，确保它能在 RN 平台正确编译运行，同时保留小程序/Web 平台的兼容性。请输出修改后的完整 .mpx 代码（保持 SFC 结构 template/script/style），不要省略任何内容。",
-  "files": ["input/list.mpx"]
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/input/list.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/input/list.mpx
deleted file mode 100644
index 37d504b30b..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/input/list.mpx
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-  <view class="list">
-    <view class="list-header">
-      <text class="title">列表标题</text>
-    </view>
-    <view
-      class="item {{currentId === item.id ? 'item-active' : ''}}"
-      wx:for="{{items}}"
-      wx:key="id"
-      data-id="{{item.id}}"
-      bindtap="goDetail"
-    >
-      <text class="content">{{item.text}}</text>
-    </view>
-    <view wx:if="{{loading}}" class="loading">加载中...</view>
-  </view>
-</template>
-
-<script>
-import { createPage } from '@mpxjs/core'
-
-createPage({
-  data: {
-    items: [],
-    loading: false,
-    currentId: null
-  },
-  onLoad () {
-    this.fetchList()
-  },
-  onPullDownRefresh () {
-    this.fetchList()
-  },
-  onReachBottom () {
-    this.loadMore()
-  },
-  methods: {
-    fetchList () {
-      this.loading = true
-      wx.request({
-        url: '/api/list',
-        success: (res) => {
-          this.items = res.data
-          this.loading = false
-        }
-      })
-    },
-    loadMore () {},
-    goDetail (e) {
-      const id = e.target.dataset.id
-      this.currentId = id
-      wx.navigateTo({ url: '/pages/detail?id=' + id })
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.list {
-  padding: 24rpx;
-  .list-header {
-    .title {
-      font-size: 36rpx;
-      font-weight: 500;
-      color: #333;
-    }
-  }
-  .item {
-    padding: 20rpx;
-    border-bottom: 1rpx solid #eee;
-    &:first-child {
-      border-top: 1rpx solid #eee;
-    }
-    &:active {
-      background-color: #f5f5f5;
-    }
-    .content {
-      font-size: 28rpx;
-      color: #666;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-  .item-active {
-    background-color: #e8f0ff;
-  }
-  .loading {
-    display: none;
-    text-align: center;
-    padding: 20rpx;
-    &.show {
-      display: block;
-    }
-  }
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/outputs/list.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/outputs/list.mpx
deleted file mode 100644
index dfc42917a1..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/outputs/list.mpx
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-  <scroll-view
-    class="list"
-    scroll-y="{{true}}"
-    refresher-enabled="{{true}}"
-    refresher-triggered="{{refreshing}}"
-    bindrefresherrefresh="onRefresh"
-    bindscrolltolower="loadMore"
-  >
-    <view class="list-header">
-      <text class="title">列表标题</text>
-    </view>
-    <view
-      class="item"
-      wx:class="{{ { 'item-active': currentId === item.id, 'item-first': index === 0 } }}"
-      hover-class="item-hover"
-      hover-stay-time="{{100}}"
-      wx:for="{{items}}"
-      wx:key="id"
-      data-id="{{item.id}}"
-      bindtap="goDetail"
-    >
-      <text class="content" numberOfLines@ios|android|harmony="{{1}}">{{item.text}}</text>
-    </view>
-    <view wx:if="{{loading}}" class="loading">
-      <text class="loading-text">加载中...</text>
-    </view>
-  </scroll-view>
-</template>
-
-<script>
-import { createPage } from '@mpxjs/core'
-import mpx from '@mpxjs/core'
-
-createPage({
-  data: {
-    items: [],
-    loading: false,
-    refreshing: false,
-    currentId: null
-  },
-  onLoad () {
-    this.fetchList()
-  },
-  // todo: RN 平台页面默认不可滚动，onPullDownRefresh / onReachBottom 不会触发
-  // 已通过 scroll-view 的 refresher-* 与 bindscrolltolower 等效实现
-  onPullDownRefresh () {
-    this.fetchList()
-  },
-  onReachBottom () {
-    this.loadMore()
-  },
-  methods: {
-    fetchList () {
-      this.loading = true
-      mpx.request({
-        url: '/api/list',
-        success: (res) => {
-          this.items = res.data
-          this.loading = false
-          this.refreshing = false
-        },
-        fail: () => {
-          this.loading = false
-          this.refreshing = false
-        }
-      })
-    },
-    onRefresh () {
-      this.refreshing = true
-      this.fetchList()
-    },
-    loadMore () {},
-    goDetail (e) {
-      const id = e.currentTarget.dataset.id
-      this.currentId = id
-      mpx.navigateTo({ url: '/pages/detail?id=' + id })
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.list {
-  padding: 24rpx;
-}
-.title {
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-}
-.item {
-  padding: 20rpx;
-  border-bottom-width: 1rpx;
-  border-bottom-style: solid;
-  border-bottom-color: #eee;
-}
-.item-first {
-  border-top-width: 1rpx;
-  border-top-style: solid;
-  border-top-color: #eee;
-}
-.item-hover {
-  background-color: #f5f5f5;
-}
-.item-active {
-  background-color: #e8f0ff;
-}
-.content {
-  font-size: 28rpx;
-  color: #666;
-}
-/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-/* todo: RN 不支持 white-space / text-overflow，已通过模板属性 numberOfLines 条件编译等效实现 */
-.content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-/* @mpx-endif */
-.loading {
-  text-align: center;
-  padding: 20rpx;
-}
-.loading-text {
-  font-size: 28rpx;
-  color: #999;
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/run-1/grading.json
deleted file mode 100644
index ba953e66bb..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 0,
-  "run_kind": "with_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting (& or rule-in-rule)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN (wx-conditional stripped): no `:active`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `:first-child`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.request with mpx.request",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "template: dynamic class via wx:class (not class string interp)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no empty selector rules after stripping comments",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 1.0,
-    "passed": 9,
-    "failed": 0,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/run-1/timing.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/run-1/timing.json
deleted file mode 100644
index 691d6dff6c..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/with_skill/run-1/timing.json
+++ /dev/null
@@ -1 +0,0 @@
-{"total_tokens": 48442, "duration_ms": 63095, "total_duration_seconds": 63.1}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/outputs/list.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/outputs/list.mpx
deleted file mode 100644
index 3aae9f5a61..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/outputs/list.mpx
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-  <view class="list">
-    <view class="list-header">
-      <text class="title">列表标题</text>
-    </view>
-    <view
-      class="item {{currentId === item.id ? 'item-active' : ''}}"
-      wx:for="{{items}}"
-      wx:key="id"
-      data-id="{{item.id}}"
-      bindtap="goDetail"
-    >
-      <text class="content" :numberOfLines="1">{{item.text}}</text>
-    </view>
-    <view wx:if="{{loading}}" class="loading">加载中...</view>
-  </view>
-</template>
-
-<script>
-import { createPage } from '@mpxjs/core'
-import mpx from '@mpxjs/core'
-import apiProxy from '@mpxjs/api-proxy'
-
-mpx.use(apiProxy, {
-  usePromise: true,
-  custom: {
-    /* @mpx-if(__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-    request: require('@mpxjs/fetch').default
-    /* @mpx-end-if */
-  }
-})
-
-createPage({
-  data: {
-    items: [],
-    loading: false,
-    currentId: null
-  },
-  onLoad () {
-    this.fetchList()
-  },
-  onPullDownRefresh () {
-    this.fetchList()
-  },
-  onReachBottom () {
-    this.loadMore()
-  },
-  methods: {
-    fetchList () {
-      this.loading = true
-      mpx.request({
-        url: '/api/list',
-        success: (res) => {
-          this.items = res.data
-          this.loading = false
-        },
-        fail: () => {
-          this.loading = false
-        }
-      })
-    },
-    loadMore () {},
-    goDetail (e) {
-      const id = e.currentTarget.dataset.id
-      this.currentId = id
-      mpx.navigateTo({ url: '/pages/detail?id=' + id })
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.list {
-  padding: 24rpx;
-}
-.list-header {
-  /* RN 不支持后代选择器，将 .title 单独提到顶层；这里仅保留布局相关样式 */
-}
-.title {
-  font-size: 36rpx;
-  font-weight: 500;
-  color: #333;
-}
-.item {
-  padding: 20rpx;
-  /* RN 不支持 border 简写，需要分开写各边 */
-  border-bottom-width: 1rpx;
-  border-bottom-style: solid;
-  border-bottom-color: #eee;
-  /* RN 不支持 :first-child / :active 伪类，已在 H5/小程序中保留通过条件编译 */
-  /* @mpx-if(__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-  &:first-child {
-    border-top: 1rpx solid #eee;
-  }
-  &:active {
-    background-color: #f5f5f5;
-  }
-  /* @mpx-end-if */
-}
-.content {
-  font-size: 28rpx;
-  color: #666;
-  /* RN 中 text-overflow / white-space / overflow 对文本省略不生效，
-     已在 template 中通过 numberOfLines=1 实现单行省略，这里仅保留 H5/小程序兼容样式 */
-  /* @mpx-if(__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  /* @mpx-end-if */
-}
-.item-active {
-  background-color: #e8f0ff;
-}
-.loading {
-  /* RN 不支持 display: none / display: block，本组件通过 wx:if 控制显隐，
-     这里仅保留文字样式 */
-  text-align: center;
-  padding: 20rpx;
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/run-1/grading.json
deleted file mode 100644
index b3facf91fe..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 0,
-  "run_kind": "without_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting (& or rule-in-rule)",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style on RN (wx-conditional stripped): no `:active`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `:first-child`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.request with mpx.request",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "template: dynamic class via wx:class (not class string interp)",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style: no empty selector rules after stripping comments",
-      "passed": false,
-      "evidence": "FAIL"
-    }
-  ],
-  "summary": {
-    "pass_rate": 0.5556,
-    "passed": 5,
-    "failed": 4,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/run-1/timing.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/run-1/timing.json
deleted file mode 100644
index 556825a195..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-0-adapt-list-page/without_skill/run-1/timing.json
+++ /dev/null
@@ -1 +0,0 @@
-{"total_tokens": 18598, "duration_ms": 65284, "total_duration_seconds": 65.3}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/eval_metadata.json
deleted file mode 100644
index b8b2ef7f89..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/eval_metadata.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "eval_id": 1,
-  "eval_name": "create-card-component",
-  "prompt": "请帮我创建一个符合 RN 跨端兼容规范的 Mpx 卡片组件 card.mpx。需求：title/desc/avatar/selected props；triggerEvent('tap')；hover 反馈；选中时蓝色边框；标题单行省略；描述 2 行省略；使用组合式 API。",
-  "files": []
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/outputs/card.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/outputs/card.mpx
deleted file mode 100644
index 569c17bb29..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/outputs/card.mpx
+++ /dev/null
@@ -1,124 +0,0 @@
-<template>
-  <view
-    class="card"
-    wx:class="{{ { 'card-selected': selected } }}"
-    hover-class="card-hover"
-    hover-stay-time="{{100}}"
-    aria-role="button"
-    aria-label="{{title}}"
-    bindtap="onCardTap"
-  >
-    <image class="card-avatar" src="{{avatar}}" mode="aspectFill" />
-    <view class="card-body">
-      <text
-        class="card-title"
-        numberOfLines@ios|android|harmony="{{1}}"
-      >{{title}}</text>
-      <text
-        class="card-desc"
-        numberOfLines@ios|android|harmony="{{2}}"
-      >{{desc}}</text>
-    </view>
-  </view>
-</template>
-
-<script setup>
-  import { useContext } from '@mpxjs/core'
-
-  defineProps({
-    title: {
-      type: String,
-      value: ''
-    },
-    desc: {
-      type: String,
-      value: ''
-    },
-    avatar: {
-      type: String,
-      value: ''
-    },
-    selected: {
-      type: Boolean,
-      value: false
-    }
-  })
-
-  const context = useContext()
-
-  function onCardTap (e) {
-    context.triggerEvent('tap', {
-      target: e && e.currentTarget
-    })
-  }
-
-  defineExpose({
-    onCardTap
-  })
-</script>
-
-<script type="application/json">
-  {
-    "component": true,
-    "usingComponents": {}
-  }
-</script>
-
-<style lang="stylus">
-  .card
-    display flex
-    flex-direction row
-    align-items center
-    padding 24rpx
-    background-color #ffffff
-    border-radius 16rpx
-    border-style solid
-    border-color #e5e5e5
-    /*use rpx*/
-    /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-    border-width hairlineWidth
-    /* @mpx-else */
-    border-width 1rpx
-    /* @mpx-endif */
-
-  .card-hover
-    opacity 0.8
-    background-color #f5f5f5
-
-  .card-selected
-    border-color #1677ff
-
-  .card-avatar
-    width 96rpx
-    height 96rpx
-    border-radius 48rpx
-    margin-right 24rpx
-
-  .card-body
-    flex 1
-    display flex
-    flex-direction column
-
-  .card-title
-    font-size 32rpx
-    font-weight bold
-    color #222222
-    margin-bottom 8rpx
-    /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-    white-space nowrap
-    overflow hidden
-    text-overflow ellipsis
-    /* @mpx-endif */
-
-  .card-desc
-    font-size 26rpx
-    color #888888
-    line-height 36rpx
-    /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-    display -webkit-box
-    -webkit-box-orient vertical
-    -webkit-line-clamp 2
-    overflow hidden
-    text-overflow ellipsis
-    /* @mpx-endif */
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/run-1/grading.json
deleted file mode 100644
index 0784529a00..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 1,
-  "run_kind": "with_skill",
-  "expectations": [
-    {
-      "text": "uses composition API (script setup or setup())",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no nesting / compound selectors",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "uses hover-class for press feedback (not bare :active on root)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "triggerEvent('tap', ...) is called",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "title uses numberOfLines for ellipsis",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "avatar uses <image> (not <img>)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "text content wrapped in <text> elements",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 1.0,
-    "passed": 9,
-    "failed": 0,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/run-1/timing.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/run-1/timing.json
deleted file mode 100644
index 702ad219de..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/with_skill/run-1/timing.json
+++ /dev/null
@@ -1 +0,0 @@
-{"total_tokens": 95996, "duration_ms": 102433, "total_duration_seconds": 102.4}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/outputs/card.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/outputs/card.mpx
deleted file mode 100644
index bac75965c0..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/outputs/card.mpx
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-  <view
-    class="card {{selected ? 'card--selected' : ''}}"
-    hover-class="card--pressed"
-    hover-stay-time="80"
-    bindtap="handleTap"
-  >
-    <image class="card__avatar" src="{{avatar}}" mode="aspectFill" />
-    <view class="card__body">
-      <text class="card__title">{{title}}</text>
-      <text class="card__desc">{{desc}}</text>
-    </view>
-  </view>
-</template>
-
-<script setup>
-  import { defineProps, getCurrentInstance } from '@mpxjs/core'
-
-  const props = defineProps({
-    title: {
-      type: String,
-      default: ''
-    },
-    desc: {
-      type: String,
-      default: ''
-    },
-    avatar: {
-      type: String,
-      default: ''
-    },
-    selected: {
-      type: Boolean,
-      default: false
-    }
-  })
-
-  const instance = getCurrentInstance()
-
-  const handleTap = function (e) {
-    instance.triggerEvent('tap', {
-      title: props.title,
-      selected: props.selected
-    })
-  }
-
-  defineExpose({
-    handleTap
-  })
-</script>
-
-<script>
-  export default {
-    options: {
-      // RN 端开启样式隔离/严格模式时需要的常规配置
-      styleIsolation: 'apply-shared'
-    }
-  }
-</script>
-
-<style lang="css">
-  .card {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding: 16px;
-    margin: 8px;
-    background-color: #ffffff;
-    border-width: 1px;
-    border-style: solid;
-    border-color: #e5e5e5;
-    border-radius: 8px;
-  }
-
-  .card--selected {
-    border-color: #1677ff;
-  }
-
-  .card--pressed {
-    background-color: #f5f5f5;
-    opacity: 0.85;
-  }
-
-  .card__avatar {
-    width: 48px;
-    height: 48px;
-    border-radius: 24px;
-    margin-right: 12px;
-    background-color: #f0f0f0;
-  }
-
-  .card__body {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-  }
-
-  .card__title {
-    font-size: 16px;
-    line-height: 22px;
-    color: #222222;
-    font-weight: bold;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 1;
-  }
-
-  .card__desc {
-    margin-top: 4px;
-    font-size: 14px;
-    line-height: 20px;
-    color: #888888;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-  }
-</style>
-
-<script type="application/json">
-  {
-    "component": true
-  }
-</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/run-1/grading.json
deleted file mode 100644
index 592a293c8a..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 1,
-  "run_kind": "without_skill",
-  "expectations": [
-    {
-      "text": "uses composition API (script setup or setup())",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no nesting / compound selectors",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "uses hover-class for press feedback (not bare :active on root)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "triggerEvent('tap', ...) is called",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "title uses numberOfLines for ellipsis",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "avatar uses <image> (not <img>)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "text content wrapped in <text> elements",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 0.7778,
-    "passed": 7,
-    "failed": 2,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/run-1/timing.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/run-1/timing.json
deleted file mode 100644
index c324cb00a8..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-1-create-card-component/without_skill/run-1/timing.json
+++ /dev/null
@@ -1 +0,0 @@
-{"total_tokens": 16390, "duration_ms": 115324, "total_duration_seconds": 115.3}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/eval_metadata.json
deleted file mode 100644
index 41a90f689a..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/eval_metadata.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "eval_id": 2,
-  "eval_name": "adapt-style-block",
-  "prompt": "请对附件中的 .mpx 文件进行 RN 跨端样式适配改造，重点改造 <style> 部分，确保 RN 平台编译通过且保留小程序/Web 平台兼容性。",
-  "files": ["input/style-block.mpx"]
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/input/style-block.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/input/style-block.mpx
deleted file mode 100644
index 5d74d32a0d..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/input/style-block.mpx
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <view class="card-list">
-    <view class="card" wx:for="{{cards}}" wx:key="id" bindtap="onTap">
-      <text class="card-title">{{item.title}}</text>
-      <view class="card-content">{{item.content}}</view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createComponent } from '@mpxjs/core'
-
-createComponent({
-  properties: {
-    cards: { type: Array, value: [] }
-  },
-  methods: {
-    onTap () {
-      this.triggerEvent('cardtap')
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.card-list {
-  padding: 16rpx;
-  .card {
-    position: relative;
-    padding: 20rpx;
-    background: white;
-    border: 1rpx solid #ddd;
-    border-radius: 8rpx;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 4rpx;
-      height: 100%;
-      background: blue;
-    }
-    &:active {
-      opacity: 0.8;
-    }
-    .card-title {
-      font-size: 32rpx;
-      font-weight: 600;
-      color: #333;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-    .card-content {
-      margin-top: 12rpx;
-      font-size: 28rpx;
-      color: #666;
-      word-break: break-all;
-      line-clamp: 3;
-    }
-  }
-  .card + .card {
-    margin-top: 16rpx;
-  }
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/outputs/style-block.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/outputs/style-block.mpx
deleted file mode 100644
index 837b3067ff..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/outputs/style-block.mpx
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-  <view class="card-list">
-    <view
-      class="card"
-      wx:for="{{cards}}"
-      wx:key="id"
-      wx:class="{{ { 'card-follow': index > 0 } }}"
-      hover-class="card-hover"
-      hover-stay-time="{{100}}"
-      bindtap="onTap"
-    >
-      <view class="card-decorator"></view>
-      <text class="card-title" numberOfLines@ios|android|harmony="{{1}}">{{item.title}}</text>
-      <view class="card-content" numberOfLines@ios|android|harmony="{{3}}">{{item.content}}</view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createComponent } from '@mpxjs/core'
-
-createComponent({
-  properties: {
-    cards: { type: Array, value: [] }
-  },
-  methods: {
-    onTap () {
-      this.triggerEvent('cardtap')
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.card-list {
-  padding: 16rpx;
-}
-.card {
-  position: relative;
-  padding: 20rpx;
-  background: white;
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  /* todo: RN 不支持 grid 布局，改用 flex 等效实现 */
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.card-decorator {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 4rpx;
-  height: 100%;
-  background: blue;
-}
-.card-hover {
-  opacity: 0.8;
-}
-.card-title {
-  font-size: 32rpx;
-  /* todo: RN 数值型 font-weight 跨端表现不稳定，统一使用 bold 关键字 */
-  font-weight: bold;
-  color: #333;
-}
-/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-/* todo: RN 不支持 text-overflow / white-space，模板使用 numberOfLines 等效实现，原平台保留原写法 */
-.card-title {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-/* @mpx-endif */
-.card-content {
-  margin-top: 12rpx;
-  font-size: 28rpx;
-  color: #666;
-  /* 在 grid 改 flex 后，让内容占满可换行宽度 */
-  width: 100%;
-}
-/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-/* todo: RN 不支持 word-break / line-clamp，模板使用 numberOfLines 等效实现，原平台保留原写法 */
-.card-content {
-  word-break: break-all;
-  line-clamp: 3;
-}
-/* @mpx-endif */
-.card-follow {
-  margin-top: 16rpx;
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/run-1/grading.json
deleted file mode 100644
index 53fadb2a8e..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 2,
-  "run_kind": "with_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting outside of conditional compile",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no ::before pseudo-element",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `display: grid`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `:active` pseudo-class",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `+` adjacent sibling combinator",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no empty selector rules",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 1.0,
-    "passed": 9,
-    "failed": 0,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/run-1/timing.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/run-1/timing.json
deleted file mode 100644
index 9276431c44..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/with_skill/run-1/timing.json
+++ /dev/null
@@ -1 +0,0 @@
-{"total_tokens": 52994, "duration_ms": 57315, "total_duration_seconds": 57.3}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/outputs/style-block.mpx b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/outputs/style-block.mpx
deleted file mode 100644
index 1ca7f2b94c..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/outputs/style-block.mpx
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-  <view class="card-list">
-    <view
-      class="card {{index > 0 ? 'card-spacing' : ''}}"
-      wx:for="{{cards}}"
-      wx:key="id"
-      bindtap="onTap"
-      hover-class="card-hover"
-    >
-      <view class="card-bar"></view>
-      <text class="card-title" numberOfLines="{{1}}">{{item.title}}</text>
-      <text class="card-content" numberOfLines="{{3}}">{{item.content}}</text>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createComponent } from '@mpxjs/core'
-
-createComponent({
-  properties: {
-    cards: { type: Array, value: [] }
-  },
-  methods: {
-    onTap () {
-      this.triggerEvent('cardtap')
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.card-list {
-  padding: 16rpx;
-  .card {
-    position: relative;
-    padding: 20rpx;
-    padding-left: 24rpx; /* leave space for the left bar (4rpx bar + 20rpx padding) */
-    background-color: white;
-    border-width: 1rpx;
-    border-style: solid;
-    border-color: #ddd;
-    border-radius: 8rpx;
-    /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    /* @mpx-endif */
-    /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-    display: flex;
-    flex-direction: column;
-    /* @mpx-endif */
-    /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 4rpx;
-      height: 100%;
-      background: blue;
-    }
-    &:active {
-      opacity: 0.8;
-    }
-    /* @mpx-endif */
-    .card-bar {
-      /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 4rpx;
-      height: 100%;
-      background-color: blue;
-      /* @mpx-endif */
-      /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-      display: none;
-      /* @mpx-endif */
-    }
-    .card-title {
-      font-size: 32rpx;
-      font-weight: 600;
-      color: #333;
-      /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      /* @mpx-endif */
-    }
-    .card-content {
-      margin-top: 12rpx;
-      font-size: 28rpx;
-      color: #666;
-      /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-      word-break: break-all;
-      line-clamp: 3;
-      /* @mpx-endif */
-    }
-  }
-  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'web') */
-  .card + .card {
-    margin-top: 16rpx;
-  }
-  /* @mpx-endif */
-  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-  .card-spacing {
-    margin-top: 16rpx;
-  }
-  .card-hover {
-    opacity: 0.8;
-  }
-  /* @mpx-endif */
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/run-1/grading.json
deleted file mode 100644
index b785abb7b9..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 2,
-  "run_kind": "without_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting outside of conditional compile",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style on RN: no ::before pseudo-element",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `display: grid`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `:active` pseudo-class",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `+` adjacent sibling combinator",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no empty selector rules",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 0.7778,
-    "passed": 7,
-    "failed": 2,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/run-1/timing.json b/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/run-1/timing.json
deleted file mode 100644
index 756a3891e3..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/eval-2-adapt-style-block/without_skill/run-1/timing.json
+++ /dev/null
@@ -1 +0,0 @@
-{"total_tokens": 17836, "duration_ms": 44321, "total_duration_seconds": 44.3}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/evals.json b/.agents/skills/mpx2rn-workspace/iteration-1/evals.json
deleted file mode 100644
index a698fa6664..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/evals.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "skill_name": "mpx2rn",
-  "evals": [
-    {
-      "id": 0,
-      "name": "adapt-list-page",
-      "prompt": "请帮我对附件中的 Mpx 页面 list.mpx 进行 RN 跨端适配改造，确保它能在 RN 平台正确编译运行，同时保留小程序/Web 平台的兼容性。请输出修改后的完整 .mpx 代码（保持 SFC 结构 template/script/style），不要省略任何内容。",
-      "files": ["input/list.mpx"]
-    },
-    {
-      "id": 1,
-      "name": "create-card-component",
-      "prompt": "请帮我创建一个符合 RN 跨端兼容规范的 Mpx 卡片组件 card.mpx，需求：\n- 接收 props：title (string)、desc (string)、avatar (string，图片 URL)、selected (boolean，默认 false)\n- 卡片整体可点击，点击时通过 triggerEvent 抛出 'tap' 事件\n- 点击时有按下视觉反馈\n- selected=true 时卡片边框色变为蓝色 (#1677ff)\n- 标题需要单行省略\n- 描述最多展示 2 行后省略\n- 使用组合式 API（setup 或 <script setup>）实现\n请直接输出完整组件代码（包含 template/script/style），不要省略任何内容。",
-      "files": []
-    },
-    {
-      "id": 2,
-      "name": "adapt-style-block",
-      "prompt": "请对附件中的 .mpx 文件进行 RN 跨端样式适配改造，重点改造 <style> 部分（template、script 仅在样式改造连带影响时同步修改），确保 RN 平台编译通过且保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件，不要省略任何内容。",
-      "files": ["input/style-block.mpx"]
-    }
-  ]
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/feedback.json b/.agents/skills/mpx2rn-workspace/iteration-1/feedback.json
deleted file mode 100644
index 4e22aadff6..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/feedback.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "reviews": [],
-  "status": "in_progress"
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-1/grade.py b/.agents/skills/mpx2rn-workspace/iteration-1/grade.py
deleted file mode 100644
index 1dbf2c828d..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-1/grade.py
+++ /dev/null
@@ -1,349 +0,0 @@
-#!/usr/bin/env python3
-"""Grade outputs from each subagent run against per-eval assertions.
-
-Each output is a .mpx SFC (template/script/style/json blocks).
-We run regex-based checks and write grading.json into each run dir.
-"""
-import json
-import re
-import sys
-from pathlib import Path
-
-WORKSPACE = Path(__file__).parent
-
-# ---------- block extraction ----------
-
-def extract_blocks(src: str):
-    """Return dict with template, script, style, json text (concatenated)."""
-    blocks = {"template": "", "script": "", "style": "", "json": ""}
-
-    def grab_all(tag):
-        return re.findall(
-            rf"<{tag}(?:\s[^>]*)?>(.*?)</{tag}>",
-            src, re.DOTALL | re.IGNORECASE
-        )
-
-    blocks["template"] = "\n".join(grab_all("template"))
-    blocks["style"] = "\n".join(grab_all("style"))
-
-    # script may have type="application/json" → goes to json
-    for m in re.finditer(
-        r"<script(?P<attrs>(?:\s[^>]*)?)>(?P<body>.*?)</script>",
-        src, re.DOTALL | re.IGNORECASE
-    ):
-        attrs = (m.group("attrs") or "").lower()
-        body = m.group("body")
-        if 'type="application/json"' in attrs or 'name="json"' in attrs:
-            blocks["json"] += "\n" + body
-        else:
-            blocks["script"] += "\n" + body
-    return blocks
-
-
-def strip_comments(text: str) -> str:
-    """Strip /* ... */ block comments (CSS/JS)."""
-    return re.sub(r"/\*.*?\*/", "", text, flags=re.DOTALL)
-
-
-def strip_rn_conditional_blocks(style: str) -> str:
-    """Remove style blocks that are RN-only @mpx-if; what's left is the
-    code that runs on original (wx/web) platforms. Useful for inverse
-    checks, but we mostly use a wx-only stripper instead."""
-    # Drop `/* @mpx-if (... ios/android/harmony ...) */ ... /* @mpx-endif */`
-    return re.sub(
-        r"/\*\s*@mpx-if[^*]*?(ios|android|harmony)[^*]*?\*/.*?/\*\s*@mpx-endif\s*\*/",
-        "",
-        style, flags=re.DOTALL | re.IGNORECASE,
-    )
-
-
-def strip_wx_conditional_blocks(text: str) -> str:
-    """Remove blocks that are wx/ali/web-only conditional compile.
-    What's left is what gets emitted on RN."""
-    return re.sub(
-        r"/\*\s*@mpx-if[^*]*?(wx|ali|web)[^*]*?\*/.*?/\*\s*@mpx-(endif|end-if)\s*\*/",
-        "",
-        text, flags=re.DOTALL | re.IGNORECASE,
-    )
-
-
-# ---------- generic checks ----------
-
-def has_less_nesting(style_text: str) -> bool:
-    """Detect less/scss nested rules: a selector appearing inside an open block.
-    Heuristic: any line that is indented and starts with `&` or a selector
-    char (`.` `#` ` ` ` ` ` `) followed by `{` before closing brace, while
-    we're already inside a block."""
-    text = strip_comments(style_text)
-    # Quick check: presence of `&` selector character (less-only)
-    if "&" in text:
-        return True
-    # Walk char by char tracking depth
-    depth = 0
-    i = 0
-    n = len(text)
-    while i < n:
-        c = text[i]
-        if c == "{":
-            depth += 1
-        elif c == "}":
-            depth -= 1
-        elif depth >= 1 and c == "\n":
-            # peek next non-ws
-            j = i + 1
-            while j < n and text[j] in " \t":
-                j += 1
-            # if next non-ws is selector-ish followed by {, we have a nested rule
-            if j < n and text[j] not in "}{\n":
-                # find next `{` or `}` or `;`
-                k = j
-                while k < n and text[k] not in "{};":
-                    k += 1
-                if k < n and text[k] == "{":
-                    return True
-        i += 1
-    return False
-
-
-def has_empty_rules(style_text: str) -> bool:
-    """Detect selector { /* nothing */ } after stripping comments."""
-    text = strip_comments(style_text)
-    return bool(re.search(r"[^{}]+\{\s*\}", text))
-
-
-def uses_wrong_endif(text: str) -> bool:
-    """The correct sentinel is /* @mpx-endif */; some folks write @mpx-end-if."""
-    return "@mpx-end-if" in text
-
-
-# ---------- per-eval checks ----------
-
-def check_eval_0(output_path: Path):
-    src = output_path.read_text()
-    blocks = extract_blocks(src)
-    style_rn = strip_wx_conditional_blocks(blocks["style"])
-    style_clean = strip_comments(blocks["style"])
-
-    results = []
-
-    results.append({
-        "text": "style: no less nesting (& or rule-in-rule)",
-        "passed": not has_less_nesting(blocks["style"]),
-    })
-    results.append({
-        "text": "style on RN (wx-conditional stripped): no `:active`",
-        "passed": ":active" not in strip_comments(style_rn),
-    })
-    results.append({
-        "text": "style on RN: no `:first-child`",
-        "passed": ":first-child" not in strip_comments(style_rn),
-    })
-    results.append({
-        "text": "script: replaced wx.request with mpx.request",
-        "passed": ("wx.request" not in blocks["script"])
-                  and ("mpx.request" in blocks["script"]),
-    })
-    results.append({
-        "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-        "passed": ("wx.navigateTo" not in blocks["script"])
-                  and ("mpx.navigateTo" in blocks["script"]),
-    })
-    results.append({
-        "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-        "passed": ("e.currentTarget.dataset" in blocks["script"])
-                  and ("e.target.dataset" not in blocks["script"]),
-    })
-    results.append({
-        "text": "template: dynamic class via wx:class (not class string interp)",
-        "passed": not re.search(
-            r'(?<![:\-\w])class\s*=\s*"[^"]*\{\{[^"]*\}\}[^"]*"',
-            blocks["template"]),
-    })
-    results.append({
-        "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-        "passed": not uses_wrong_endif(src),
-    })
-    results.append({
-        "text": "style: no empty selector rules after stripping comments",
-        "passed": not has_empty_rules(blocks["style"]),
-    })
-    return results
-
-
-def check_eval_1(output_path: Path):
-    src = output_path.read_text()
-    blocks = extract_blocks(src)
-    style_rn = strip_wx_conditional_blocks(blocks["style"])
-    style_clean = strip_comments(blocks["style"])
-
-    results = []
-
-    uses_setup = bool(re.search(r"<script\s+setup", src, re.IGNORECASE)) or \
-                 bool(re.search(r"\bsetup\s*\(", blocks["script"]))
-    results.append({"text": "uses composition API (script setup or setup())", "passed": uses_setup})
-
-    results.append({"text": "style: no nesting / compound selectors",
-                    "passed": not has_less_nesting(blocks["style"])
-                    and not re.search(r"\.[\w-]+\s+\.[\w-]+\s*\{",
-                                       style_clean)})
-
-    results.append({
-        "text": "uses hover-class for press feedback (not bare :active on root)",
-        "passed": "hover-class" in blocks["template"]
-                  and ":active" not in strip_comments(style_rn),
-    })
-
-    results.append({
-        "text": "triggerEvent('tap', ...) is called",
-        "passed": bool(re.search(
-            r"triggerEvent\s*\(\s*['\"]tap['\"]", blocks["script"])),
-    })
-
-    results.append({
-        "text": "title uses numberOfLines for ellipsis",
-        "passed": "numberOfLines" in blocks["template"],
-    })
-
-    results.append({
-        "text": "avatar uses <image> (not <img>)",
-        "passed": "<image" in blocks["template"] and "<img" not in blocks["template"],
-    })
-
-    results.append({
-        "text": "text content wrapped in <text> elements",
-        "passed": "<text" in blocks["template"],
-    })
-
-    results.append({
-        "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-        "passed": "value:" in blocks["script"] and "default:" not in blocks["script"],
-    })
-
-    results.append({
-        "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-        "passed": not uses_wrong_endif(src),
-    })
-    return results
-
-
-def check_eval_2(output_path: Path):
-    src = output_path.read_text()
-    blocks = extract_blocks(src)
-    style_rn = strip_wx_conditional_blocks(blocks["style"])
-    style_rn_clean = strip_comments(style_rn)
-
-    results = []
-
-    results.append({"text": "style: no less nesting outside of conditional compile",
-                    "passed": not has_less_nesting(strip_wx_conditional_blocks(blocks["style"]))})
-
-    results.append({
-        "text": "style on RN: no ::before pseudo-element",
-        "passed": "::before" not in style_rn_clean and ":before" not in re.sub(
-            r"::before", "", style_rn_clean),
-    })
-
-    results.append({
-        "text": "style on RN: no `display: grid`",
-        "passed": not re.search(r"display\s*:\s*grid", style_rn_clean),
-    })
-
-    results.append({
-        "text": "style on RN: no `:active` pseudo-class",
-        "passed": ":active" not in style_rn_clean,
-    })
-
-    results.append({
-        "text": "style on RN: no `+` adjacent sibling combinator",
-        "passed": not re.search(r"\.[\w-]+\s*\+\s*\.[\w-]+", style_rn_clean),
-    })
-
-    results.append({
-        "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-        "passed": not uses_wrong_endif(src),
-    })
-
-    results.append({
-        "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-        "passed": not re.search(r"font-weight\s*:\s*[1-9]\d{2}", style_rn_clean),
-    })
-
-    results.append({
-        "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-        "passed": bool(re.search(r"card-(decorator|bar)", blocks["template"])),
-    })
-
-    results.append({
-        "text": "style: no empty selector rules",
-        "passed": not has_empty_rules(blocks["style"]),
-    })
-    return results
-
-
-CHECKERS = {0: check_eval_0, 1: check_eval_1, 2: check_eval_2}
-
-EVAL_DIRS = {
-    0: "eval-0-adapt-list-page",
-    1: "eval-1-create-card-component",
-    2: "eval-2-adapt-style-block",
-}
-
-OUTPUT_FILES = {
-    0: "list.mpx",
-    1: "card.mpx",
-    2: "style-block.mpx",
-}
-
-
-def grade_run(eval_id: int, run_kind: str):
-    eval_dir = WORKSPACE / EVAL_DIRS[eval_id]
-    out_path = eval_dir / run_kind / "outputs" / OUTPUT_FILES[eval_id]
-    if not out_path.exists():
-        print(f"missing: {out_path}", file=sys.stderr)
-        return None
-    results = CHECKERS[eval_id](out_path)
-    # add evidence
-    enriched = []
-    for r in results:
-        enriched.append({
-            "text": r["text"],
-            "passed": bool(r["passed"]),
-            "evidence": "PASS" if r["passed"] else "FAIL",
-        })
-    passed = sum(1 for e in enriched if e["passed"])
-    total = len(enriched)
-    grading = {
-        "eval_id": eval_id,
-        "run_kind": run_kind,
-        "expectations": enriched,
-        "summary": {
-            "pass_rate": round(passed / total, 4) if total else 0.0,
-            "passed": passed,
-            "failed": total - passed,
-            "total": total,
-        },
-    }
-    run_dir = eval_dir / run_kind / "run-1"
-    run_dir.mkdir(parents=True, exist_ok=True)
-    (run_dir / "grading.json").write_text(
-        json.dumps(grading, ensure_ascii=False, indent=2))
-    return grading
-
-
-def main():
-    summary = []
-    for eid in (0, 1, 2):
-        for kind in ("with_skill", "without_skill"):
-            g = grade_run(eid, kind)
-            if g:
-                s = g["summary"]
-                summary.append({
-                    "eval": EVAL_DIRS[eid],
-                    "kind": kind,
-                    "score": f"{s['passed']}/{s['total']}",
-                })
-    print(json.dumps(summary, ensure_ascii=False, indent=2))
-
-
-if __name__ == "__main__":
-    main()
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/benchmark.json b/.agents/skills/mpx2rn-workspace/iteration-2/benchmark.json
deleted file mode 100644
index 8e5aee1975..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/benchmark.json
+++ /dev/null
@@ -1,395 +0,0 @@
-{
-  "metadata": {
-    "skill_name": "mpx2rn",
-    "skill_path": "/Users/didi/work/mpx2/.agents/skills/mpx2rn",
-    "executor_model": "claude-opus-4-20250514",
-    "analyzer_model": "claude-opus-4-20250514",
-    "timestamp": "2026-05-11T12:00:00Z",
-    "evals_run": [
-      0,
-      1,
-      2
-    ],
-    "runs_per_configuration": 1
-  },
-  "runs": [
-    {
-      "eval_id": 0,
-      "configuration": "with_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 1.0,
-        "passed": 9,
-        "failed": 0,
-        "total": 9,
-        "time_seconds": 270.5,
-        "tokens": 52250,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting (& or rule-in-rule)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN (wx-conditional stripped): no `:active`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `:first-child`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.request with mpx.request",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "template: dynamic class via wx:class (not class string interp)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no empty selector rules after stripping comments",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 0,
-      "configuration": "without_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 1.0,
-        "passed": 9,
-        "failed": 0,
-        "total": 9,
-        "time_seconds": 225.7,
-        "tokens": 65592,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting (& or rule-in-rule)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN (wx-conditional stripped): no `:active`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `:first-child`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.request with mpx.request",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "template: dynamic class via wx:class (not class string interp)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no empty selector rules after stripping comments",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 1,
-      "configuration": "with_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 1.0,
-        "passed": 9,
-        "failed": 0,
-        "total": 9,
-        "time_seconds": 204.9,
-        "tokens": 54917,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "uses composition API (script setup or setup())",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no nesting / compound selectors",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "uses hover-class for press feedback (not bare :active on root)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "triggerEvent('tap', ...) is called",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "title uses numberOfLines for ellipsis",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "avatar uses <image> (not <img>)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "text content wrapped in <text> elements",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 1,
-      "configuration": "without_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 0.8889,
-        "passed": 8,
-        "failed": 1,
-        "total": 9,
-        "time_seconds": 59.5,
-        "tokens": 18792,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "uses composition API (script setup or setup())",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no nesting / compound selectors",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "uses hover-class for press feedback (not bare :active on root)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "triggerEvent('tap', ...) is called",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "title uses numberOfLines for ellipsis",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "avatar uses <image> (not <img>)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "text content wrapped in <text> elements",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 2,
-      "configuration": "with_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 1.0,
-        "passed": 9,
-        "failed": 0,
-        "total": 9,
-        "time_seconds": 136.4,
-        "tokens": 47991,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting outside of conditional compile",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no ::before pseudo-element",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `display: grid`",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `:active` pseudo-class",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style on RN: no `+` adjacent sibling combinator",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: no empty selector rules",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    },
-    {
-      "eval_id": 2,
-      "configuration": "without_skill",
-      "run_number": 1,
-      "result": {
-        "pass_rate": 0.2222,
-        "passed": 2,
-        "failed": 7,
-        "total": 9,
-        "time_seconds": 141.8,
-        "tokens": 51321,
-        "tool_calls": 0,
-        "errors": 0
-      },
-      "expectations": [
-        {
-          "text": "style: no less nesting outside of conditional compile",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style on RN: no ::before pseudo-element",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style on RN: no `display: grid`",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style on RN: no `:active` pseudo-class",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style on RN: no `+` adjacent sibling combinator",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-          "passed": true,
-          "evidence": "PASS"
-        },
-        {
-          "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-          "passed": false,
-          "evidence": "FAIL"
-        },
-        {
-          "text": "style: no empty selector rules",
-          "passed": true,
-          "evidence": "PASS"
-        }
-      ],
-      "notes": []
-    }
-  ]
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/build_benchmark.py b/.agents/skills/mpx2rn-workspace/iteration-2/build_benchmark.py
deleted file mode 100644
index 0727b7d3d6..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/build_benchmark.py
+++ /dev/null
@@ -1,65 +0,0 @@
-import json
-from pathlib import Path
-
-ITER = Path("/Users/didi/work/mpx2/.agents/skills/mpx2rn-workspace/iteration-2")
-
-EVAL_DIRS = {
-    0: "eval-0-adapt-list-page",
-    1: "eval-1-create-card-component",
-    2: "eval-2-adapt-style-block",
-}
-
-runs = []
-for eid, edir in EVAL_DIRS.items():
-    for kind in ("with_skill", "without_skill"):
-        grading_path = ITER / edir / kind / "run-1" / "grading.json"
-        timing_path = ITER / edir / kind / "timing.json"
-        
-        grading = json.loads(grading_path.read_text()) if grading_path.exists() else None
-        timing = json.loads(timing_path.read_text()) if timing_path.exists() else None
-        
-        if grading and timing:
-            runs.append({
-                "eval_id": eid,
-                "configuration": kind,
-                "run_number": 1,
-                "result": {
-                    "pass_rate": grading["summary"]["pass_rate"],
-                    "passed": grading["summary"]["passed"],
-                    "failed": grading["summary"]["failed"],
-                    "total": grading["summary"]["total"],
-                    "time_seconds": timing["total_duration_seconds"],
-                    "tokens": timing["total_tokens"],
-                    "tool_calls": 0,
-                    "errors": 0,
-                },
-                "expectations": grading["expectations"],
-                "notes": [],
-            })
-
-benchmark = {
-    "metadata": {
-        "skill_name": "mpx2rn",
-        "skill_path": "/Users/didi/work/mpx2/.agents/skills/mpx2rn",
-        "executor_model": "claude-opus-4-20250514",
-        "analyzer_model": "claude-opus-4-20250514",
-        "timestamp": "2026-05-11T12:00:00Z",
-        "evals_run": [0, 1, 2],
-        "runs_per_configuration": 1,
-    },
-    "runs": runs,
-}
-
-out = ITER / "benchmark.json"
-out.write_text(json.dumps(benchmark, ensure_ascii=False, indent=2))
-print(f"Wrote {out}")
-
-# Summary
-print("\n=== BENCHMARK SUMMARY ===")
-for kind in ("with_skill", "without_skill"):
-    kind_runs = [r for r in runs if r["configuration"] == kind]
-    total_passed = sum(r["result"]["passed"] for r in kind_runs)
-    total_all = sum(r["result"]["total"] for r in kind_runs)
-    avg_time = sum(r["result"]["time_seconds"] for r in kind_runs) / len(kind_runs)
-    avg_tokens = sum(r["result"]["tokens"] for r in kind_runs) / len(kind_runs)
-    print(f"{kind}: {total_passed}/{total_all} ({total_passed/total_all*100:.1f}%) | avg time: {avg_time:.1f}s | avg tokens: {avg_tokens:.0f}")
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/eval_metadata.json
deleted file mode 100644
index a064eda4c8..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/eval_metadata.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "eval_id": 0,
-  "eval_name": "adapt-list-page",
-  "prompt": "请帮我对附件中的 Mpx 页面 list.mpx 进行 RN 跨端适配改造，确保它能在 RN 平台正确编译运行，同时保留小程序/Web 平台的兼容性。请输出修改后的完整 .mpx 代码（保持 SFC 结构 template/script/style），不要省略任何内容。",
-  "files": ["input/list.mpx"]
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/input/list.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/input/list.mpx
deleted file mode 100644
index 37d504b30b..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/input/list.mpx
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-  <view class="list">
-    <view class="list-header">
-      <text class="title">列表标题</text>
-    </view>
-    <view
-      class="item {{currentId === item.id ? 'item-active' : ''}}"
-      wx:for="{{items}}"
-      wx:key="id"
-      data-id="{{item.id}}"
-      bindtap="goDetail"
-    >
-      <text class="content">{{item.text}}</text>
-    </view>
-    <view wx:if="{{loading}}" class="loading">加载中...</view>
-  </view>
-</template>
-
-<script>
-import { createPage } from '@mpxjs/core'
-
-createPage({
-  data: {
-    items: [],
-    loading: false,
-    currentId: null
-  },
-  onLoad () {
-    this.fetchList()
-  },
-  onPullDownRefresh () {
-    this.fetchList()
-  },
-  onReachBottom () {
-    this.loadMore()
-  },
-  methods: {
-    fetchList () {
-      this.loading = true
-      wx.request({
-        url: '/api/list',
-        success: (res) => {
-          this.items = res.data
-          this.loading = false
-        }
-      })
-    },
-    loadMore () {},
-    goDetail (e) {
-      const id = e.target.dataset.id
-      this.currentId = id
-      wx.navigateTo({ url: '/pages/detail?id=' + id })
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.list {
-  padding: 24rpx;
-  .list-header {
-    .title {
-      font-size: 36rpx;
-      font-weight: 500;
-      color: #333;
-    }
-  }
-  .item {
-    padding: 20rpx;
-    border-bottom: 1rpx solid #eee;
-    &:first-child {
-      border-top: 1rpx solid #eee;
-    }
-    &:active {
-      background-color: #f5f5f5;
-    }
-    .content {
-      font-size: 28rpx;
-      color: #666;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-  .item-active {
-    background-color: #e8f0ff;
-  }
-  .loading {
-    display: none;
-    text-align: center;
-    padding: 20rpx;
-    &.show {
-      display: block;
-    }
-  }
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/outputs/list.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/outputs/list.mpx
deleted file mode 100644
index ada86ed18f..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/outputs/list.mpx
+++ /dev/null
@@ -1,152 +0,0 @@
-<template>
-  <scroll-view
-    class="list"
-    scroll-y
-    refresher-enabled
-    refresher-triggered="{{refreshing}}"
-    bindrefresherrefresh="onRefresh"
-    bindscrolltolower="onScrollToLower"
-  >
-    <view class="list-header">
-      <text class="list-header-title">列表标题</text>
-    </view>
-    <view
-      wx:for="{{items}}"
-      wx:key="id"
-      class="item"
-      wx:class="{{ { 'item-active': currentId === item.id, 'item-first': index === 0 } }}"
-      data-id="{{item.id}}"
-      bindtap="goDetail"
-      hover-class="item-hover"
-      hover-stay-time="{{100}}"
-    >
-      <text class="item-content" numberOfLines@ios|android|harmony="{{1}}">{{item.text}}</text>
-    </view>
-    <view wx:if="{{loading}}" class="loading">
-      <text class="loading-text">加载中...</text>
-    </view>
-  </scroll-view>
-</template>
-
-<script>
-import { createPage } from '@mpxjs/core'
-import mpx from '@mpxjs/core'
-
-createPage({
-  data: {
-    items: [],
-    loading: false,
-    currentId: null,
-    refreshing: false
-  },
-  onLoad () {
-    this.fetchList()
-  },
-  methods: {
-    fetchList () {
-      this.loading = true
-      mpx.request({
-        url: '/api/list',
-        success: (res) => {
-          this.items = res.data
-          this.loading = false
-        }
-      })
-    },
-    loadMore () {},
-    goDetail (e) {
-      const id = e.currentTarget.dataset.id
-      this.currentId = id
-      mpx.navigateTo({ url: '/pages/detail?id=' + id })
-    },
-    onRefresh () {
-      this.refreshing = true
-      this.loading = true
-      mpx.request({
-        url: '/api/list',
-        success: (res) => {
-          this.items = res.data
-          this.loading = false
-          this.refreshing = false
-        },
-        fail: () => {
-          this.loading = false
-          this.refreshing = false
-        }
-      })
-    },
-    onScrollToLower () {
-      this.loadMore()
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.list {
-  padding: 24rpx;
-  height: 100%;
-}
-
-.list-header {
-  margin-bottom: 0;
-}
-
-.list-header-title {
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.item {
-  padding: 20rpx;
-  border-bottom-style: solid;
-  border-bottom-color: #eee;
-  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-  border-bottom-width: hairlineWidth;
-  /* @mpx-else */
-  border-bottom-width: 1rpx;
-  /* @mpx-endif */
-}
-
-.item-first {
-  border-top-style: solid;
-  border-top-color: #eee;
-  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-  border-top-width: hairlineWidth;
-  /* @mpx-else */
-  border-top-width: 1rpx;
-  /* @mpx-endif */
-}
-
-.item-hover {
-  background-color: #f5f5f5;
-}
-
-.item-active {
-  background-color: #e8f0ff;
-}
-
-.item-content {
-  font-size: 28rpx;
-  color: #666;
-}
-
-/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-.item-content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-/* @mpx-endif */
-
-.loading {
-  text-align: center;
-  padding: 20rpx;
-}
-
-.loading-text {
-  font-size: 28rpx;
-  color: #999;
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/run-1/grading.json
deleted file mode 100644
index ba953e66bb..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 0,
-  "run_kind": "with_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting (& or rule-in-rule)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN (wx-conditional stripped): no `:active`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `:first-child`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.request with mpx.request",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "template: dynamic class via wx:class (not class string interp)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no empty selector rules after stripping comments",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 1.0,
-    "passed": 9,
-    "failed": 0,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/timing.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/timing.json
deleted file mode 100644
index 800450595c..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/with_skill/timing.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "total_tokens": 52250,
-  "duration_ms": 270487,
-  "total_duration_seconds": 270.5
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/outputs/list.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/outputs/list.mpx
deleted file mode 100644
index aab69f7c38..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/outputs/list.mpx
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-  <scroll-view
-    class="list"
-    scroll-y="{{true}}"
-    refresher-enabled="{{true}}"
-    refresher-triggered="{{refreshing}}"
-    bindrefresherrefresh="onRefresh"
-    bindscrolltolower="loadMore"
-  >
-    <view class="list-header">
-      <text class="title">列表标题</text>
-    </view>
-    <view
-      class="item"
-      wx:class="{{ { 'item-active': currentId === item.id, 'item-first': index === 0 } }}"
-      hover-class="item-hover"
-      hover-stay-time="{{100}}"
-      wx:for="{{items}}"
-      wx:key="id"
-      data-id="{{item.id}}"
-      bindtap="goDetail"
-    >
-      <text class="content" numberOfLines@ios|android|harmony="{{1}}">{{item.text}}</text>
-    </view>
-    <view wx:if="{{loading}}" class="loading">
-      <text class="loading-text">加载中...</text>
-    </view>
-  </scroll-view>
-</template>
-
-<script>
-import { createPage } from '@mpxjs/core'
-import mpx from '@mpxjs/core'
-
-createPage({
-  data: {
-    items: [],
-    loading: false,
-    refreshing: false,
-    currentId: null
-  },
-  onLoad () {
-    this.fetchList()
-  },
-  // RN 平台页面默认不可滚动，onPullDownRefresh / onReachBottom 不会触发
-  // 已通过 scroll-view 的 refresher-* 与 bindscrolltolower 等效实现
-  onPullDownRefresh () {
-    this.fetchList()
-  },
-  onReachBottom () {
-    this.loadMore()
-  },
-  methods: {
-    fetchList () {
-      this.loading = true
-      mpx.request({
-        url: '/api/list',
-        success: (res) => {
-          this.items = res.data
-          this.loading = false
-          this.refreshing = false
-        },
-        fail: () => {
-          this.loading = false
-          this.refreshing = false
-        }
-      })
-    },
-    onRefresh () {
-      this.refreshing = true
-      this.fetchList()
-    },
-    loadMore () {},
-    goDetail (e) {
-      const id = e.currentTarget.dataset.id
-      this.currentId = id
-      mpx.navigateTo({ url: '/pages/detail?id=' + id })
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.list {
-  padding: 24rpx;
-}
-.list-header {
-  margin-bottom: 0;
-}
-.title {
-  font-size: 36rpx;
-  font-weight: bold;
-  color: #333;
-}
-.item {
-  padding: 20rpx;
-  border-bottom-width: 1rpx;
-  border-bottom-style: solid;
-  border-bottom-color: #eee;
-}
-.item-first {
-  border-top-width: 1rpx;
-  border-top-style: solid;
-  border-top-color: #eee;
-}
-.item-hover {
-  background-color: #f5f5f5;
-}
-.item-active {
-  background-color: #e8f0ff;
-}
-.content {
-  font-size: 28rpx;
-  color: #666;
-}
-/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-.content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-/* @mpx-endif */
-.loading {
-  text-align: center;
-  padding: 20rpx;
-}
-.loading-text {
-  font-size: 28rpx;
-  color: #999;
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/run-1/grading.json
deleted file mode 100644
index 2e0f379f19..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 0,
-  "run_kind": "without_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting (& or rule-in-rule)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN (wx-conditional stripped): no `:active`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `:first-child`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.request with mpx.request",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "template: dynamic class via wx:class (not class string interp)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no empty selector rules after stripping comments",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 1.0,
-    "passed": 9,
-    "failed": 0,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/timing.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/timing.json
deleted file mode 100644
index 5067cd4749..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-0-adapt-list-page/without_skill/timing.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "total_tokens": 65592,
-  "duration_ms": 225675,
-  "total_duration_seconds": 225.7
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/eval_metadata.json
deleted file mode 100644
index b8b2ef7f89..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/eval_metadata.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "eval_id": 1,
-  "eval_name": "create-card-component",
-  "prompt": "请帮我创建一个符合 RN 跨端兼容规范的 Mpx 卡片组件 card.mpx。需求：title/desc/avatar/selected props；triggerEvent('tap')；hover 反馈；选中时蓝色边框；标题单行省略；描述 2 行省略；使用组合式 API。",
-  "files": []
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/outputs/card.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/outputs/card.mpx
deleted file mode 100644
index 289cc71156..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/outputs/card.mpx
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-  <view
-    class="card"
-    wx:class="{{ {cardSelected: selected} }}"
-    hover-class="card-hover"
-    hover-stay-time="{{100}}"
-    bindtap="handleTap"
-  >
-    <view class="card-header">
-      <image class="card-avatar" src="{{avatar}}" mode="aspectFill"></image>
-      <view class="card-info">
-        <text
-          class="card-title"
-          numberOfLines@ios|android|harmony="{{1}}"
-        >{{title}}</text>
-        <text
-          class="card-desc"
-          numberOfLines@ios|android|harmony="{{2}}"
-        >{{desc}}</text>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script setup>
-  import { toRefs } from '@mpxjs/core'
-
-  const props = defineProps({
-    title: {
-      type: String,
-      value: ''
-    },
-    desc: {
-      type: String,
-      value: ''
-    },
-    avatar: {
-      type: String,
-      value: ''
-    },
-    selected: {
-      type: Boolean,
-      value: false
-    }
-  })
-
-  const { title, desc, avatar, selected } = toRefs(props)
-
-  const context = useContext()
-
-  function handleTap() {
-    context.triggerEvent('tap')
-  }
-
-  defineExpose({
-    title,
-    desc,
-    avatar,
-    selected,
-    handleTap
-  })
-</script>
-
-<style>
-  .card {
-    flex-direction: row;
-    padding: 24rpx;
-    background-color: #ffffff;
-    border-radius: 16rpx;
-    border-width: 2rpx;
-    border-style: solid;
-    border-color: #e8e8e8;
-  }
-
-  .cardSelected {
-    border-color: #1677ff;
-  }
-
-  .card-hover {
-    opacity: 0.7;
-    background-color: #f5f5f5;
-  }
-
-  .card-header {
-    flex-direction: row;
-    align-items: flex-start;
-    flex: 1;
-  }
-
-  .card-avatar {
-    width: 80rpx;
-    height: 80rpx;
-    border-radius: 40rpx;
-    margin-right: 20rpx;
-    flex-shrink: 0;
-  }
-
-  .card-info {
-    flex: 1;
-    flex-direction: column;
-    justify-content: center;
-  }
-
-  .card-title {
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #333333;
-  }
-
-  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-  .card-title {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-  /* @mpx-endif */
-
-  .card-desc {
-    font-size: 26rpx;
-    color: #999999;
-    margin-top: 8rpx;
-    line-height: 36rpx;
-  }
-
-  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-  .card-desc {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-  }
-  /* @mpx-endif */
-</style>
-
-<script type="application/json">
-  {
-    "component": true
-  }
-</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/run-1/grading.json
deleted file mode 100644
index 0784529a00..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 1,
-  "run_kind": "with_skill",
-  "expectations": [
-    {
-      "text": "uses composition API (script setup or setup())",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no nesting / compound selectors",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "uses hover-class for press feedback (not bare :active on root)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "triggerEvent('tap', ...) is called",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "title uses numberOfLines for ellipsis",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "avatar uses <image> (not <img>)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "text content wrapped in <text> elements",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 1.0,
-    "passed": 9,
-    "failed": 0,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/timing.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/timing.json
deleted file mode 100644
index 15fc38da21..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/with_skill/timing.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "total_tokens": 54917,
-  "duration_ms": 204910,
-  "total_duration_seconds": 204.9
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/outputs/card.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/outputs/card.mpx
deleted file mode 100644
index 87be9102f4..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/outputs/card.mpx
+++ /dev/null
@@ -1,119 +0,0 @@
-<template>
-  <view
-    class="card-wrapper"
-    wx:style="{{cardStyle}}"
-    bindtap="handleTap"
-    hover-class="card-hover"
-  >
-    <view class="card-header">
-      <image
-        class="card-avatar"
-        src="{{avatar}}"
-        mode="aspectFill"
-        wx:if="{{avatar}}"
-      />
-      <view class="card-info">
-        <text class="card-title">{{title}}</text>
-        <text class="card-desc">{{desc}}</text>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script setup>
-import { computed } from '@mpxjs/core'
-
-const props = defineProps({
-  title: {
-    type: String,
-    value: ''
-  },
-  desc: {
-    type: String,
-    value: ''
-  },
-  avatar: {
-    type: String,
-    value: ''
-  },
-  selected: {
-    type: Boolean,
-    value: false
-  }
-})
-
-const cardStyle = computed(() => {
-  if (props.selected) {
-    return {
-      borderColor: '#1677ff'
-    }
-  }
-  return {
-    borderColor: '#e8e8e8'
-  }
-})
-
-const handleTap = () => {
-  triggerEvent('tap')
-}
-</script>
-
-<style>
-.card-wrapper {
-  background-color: #ffffff;
-  border-radius: 12px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: #e8e8e8;
-  padding: 16px;
-}
-
-.card-hover {
-  opacity: 0.7;
-  background-color: #f5f5f5;
-}
-
-.card-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-.card-avatar {
-  width: 48px;
-  height: 48px;
-  border-radius: 24px;
-  margin-right: 12px;
-}
-
-.card-info {
-  flex: 1;
-  /* RN 需要 overflow hidden 配合文本省略 */
-  overflow: hidden;
-}
-
-.card-title {
-  font-size: 16px;
-  font-weight: bold;
-  color: #333333;
-  lines: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.card-desc {
-  font-size: 14px;
-  color: #999999;
-  margin-top: 4px;
-  lines: 2;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-</style>
-
-<script type="application/json">
-{
-  "component": true
-}
-</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/run-1/grading.json
deleted file mode 100644
index 43f742264a..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 1,
-  "run_kind": "without_skill",
-  "expectations": [
-    {
-      "text": "uses composition API (script setup or setup())",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no nesting / compound selectors",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "uses hover-class for press feedback (not bare :active on root)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "triggerEvent('tap', ...) is called",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "title uses numberOfLines for ellipsis",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "avatar uses <image> (not <img>)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "text content wrapped in <text> elements",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 0.8889,
-    "passed": 8,
-    "failed": 1,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/timing.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/timing.json
deleted file mode 100644
index 8fc244178f..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-1-create-card-component/without_skill/timing.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "total_tokens": 18792,
-  "duration_ms": 59525,
-  "total_duration_seconds": 59.5
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/eval_metadata.json
deleted file mode 100644
index 41a90f689a..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/eval_metadata.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "eval_id": 2,
-  "eval_name": "adapt-style-block",
-  "prompt": "请对附件中的 .mpx 文件进行 RN 跨端样式适配改造，重点改造 <style> 部分，确保 RN 平台编译通过且保留小程序/Web 平台兼容性。",
-  "files": ["input/style-block.mpx"]
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/input/style-block.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/input/style-block.mpx
deleted file mode 100644
index 5d74d32a0d..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/input/style-block.mpx
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <view class="card-list">
-    <view class="card" wx:for="{{cards}}" wx:key="id" bindtap="onTap">
-      <text class="card-title">{{item.title}}</text>
-      <view class="card-content">{{item.content}}</view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createComponent } from '@mpxjs/core'
-
-createComponent({
-  properties: {
-    cards: { type: Array, value: [] }
-  },
-  methods: {
-    onTap () {
-      this.triggerEvent('cardtap')
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.card-list {
-  padding: 16rpx;
-  .card {
-    position: relative;
-    padding: 20rpx;
-    background: white;
-    border: 1rpx solid #ddd;
-    border-radius: 8rpx;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 4rpx;
-      height: 100%;
-      background: blue;
-    }
-    &:active {
-      opacity: 0.8;
-    }
-    .card-title {
-      font-size: 32rpx;
-      font-weight: 600;
-      color: #333;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-    .card-content {
-      margin-top: 12rpx;
-      font-size: 28rpx;
-      color: #666;
-      word-break: break-all;
-      line-clamp: 3;
-    }
-  }
-  .card + .card {
-    margin-top: 16rpx;
-  }
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/outputs/style-block.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/outputs/style-block.mpx
deleted file mode 100644
index 0a2cecb695..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/outputs/style-block.mpx
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-  <view class="card-list">
-    <view
-      class="card"
-      wx:for="{{cards}}"
-      wx:key="id"
-      bindtap="onTap"
-      hover-class="card-hover"
-      hover-stay-time="{{100}}"
-      wx:class="{{ { 'card-gap': index > 0 } }}"
-    >
-      <view class="card-decorator"></view>
-      <view class="card-body">
-        <text
-          class="card-title"
-          numberOfLines@ios|android|harmony="{{1}}"
-        >{{item.title}}</text>
-        <view
-          class="card-content"
-          numberOfLines@ios|android|harmony="{{3}}"
-        >{{item.content}}</view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createComponent } from '@mpxjs/core'
-
-createComponent({
-  properties: {
-    cards: { type: Array, value: [] }
-  },
-  methods: {
-    onTap () {
-      this.triggerEvent('cardtap')
-    }
-  }
-})
-</script>
-
-<style lang="less">
-.card-list {
-  padding: 16rpx;
-}
-
-.card {
-  position: relative;
-  padding: 20rpx;
-  background: white;
-  border-style: solid;
-  border-color: #ddd;
-  border-radius: 8rpx;
-  display: flex;
-  flex-direction: row;
-  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
-  border-width: hairlineWidth;
-  /* @mpx-else */
-  border-width: 1rpx;
-  /* @mpx-endif */
-}
-
-.card-decorator {
-  width: 4rpx;
-  height: 100%;
-  background: blue;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.card-body {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-.card-hover {
-  opacity: 0.8;
-}
-
-.card-gap {
-  margin-top: 16rpx;
-}
-
-.card-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-.card-title {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-/* @mpx-endif */
-
-.card-content {
-  margin-top: 12rpx;
-  font-size: 28rpx;
-  color: #666;
-}
-
-/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
-.card-content {
-  word-break: break-all;
-  line-clamp: 3;
-}
-/* @mpx-endif */
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/run-1/grading.json
deleted file mode 100644
index 53fadb2a8e..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 2,
-  "run_kind": "with_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting outside of conditional compile",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no ::before pseudo-element",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `display: grid`",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `:active` pseudo-class",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style on RN: no `+` adjacent sibling combinator",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: no empty selector rules",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 1.0,
-    "passed": 9,
-    "failed": 0,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/timing.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/timing.json
deleted file mode 100644
index 5f08e5c525..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/with_skill/timing.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "total_tokens": 47991,
-  "duration_ms": 136408,
-  "total_duration_seconds": 136.4
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/outputs/style-block.mpx b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/outputs/style-block.mpx
deleted file mode 100644
index 7bb5b67509..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/outputs/style-block.mpx
+++ /dev/null
@@ -1,111 +0,0 @@
-<template>
-  <view class="card-list">
-    <view class="card" wx:for="{{cards}}" wx:key="id" bindtap="onTap">
-      <!-- 用真实 view 替代 ::before 伪元素，仅 RN 平台渲染 -->
-      <view wx:if="{{__mpx_mode__ === 'ios' || __mpx_mode__ === 'android'}}" class="card-before"></view>
-      <text class="card-title" wx:if="{{__mpx_mode__ === 'ios' || __mpx_mode__ === 'android'}}" numberOfLines="1">{{item.title}}</text>
-      <text class="card-title" wx:else>{{item.title}}</text>
-      <view class="card-content" wx:if="{{__mpx_mode__ === 'ios' || __mpx_mode__ === 'android'}}" numberOfLines="3">{{item.content}}</view>
-      <view class="card-content" wx:else>{{item.content}}</view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createComponent } from '@mpxjs/core'
-
-createComponent({
-  properties: {
-    cards: { type: Array, value: [] }
-  },
-  methods: {
-    onTap () {
-      this.triggerEvent('cardtap')
-    }
-  }
-})
-</script>
-
-<!-- 默认样式：小程序/Web 平台 -->
-<style lang="less">
-.card-list {
-  padding: 16rpx;
-  .card {
-    position: relative;
-    padding: 20rpx;
-    background: white;
-    border: 1rpx solid #ddd;
-    border-radius: 8rpx;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 4rpx;
-      height: 100%;
-      background: blue;
-    }
-    &:active {
-      opacity: 0.8;
-    }
-    .card-title {
-      font-size: 32rpx;
-      font-weight: 600;
-      color: #333;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-    .card-content {
-      margin-top: 12rpx;
-      font-size: 28rpx;
-      color: #666;
-      word-break: break-all;
-      line-clamp: 3;
-    }
-  }
-  .card + .card {
-    margin-top: 16rpx;
-  }
-}
-</style>
-
-<!-- RN 平台样式：扁平化选择器，移除不支持的属性 -->
-<style lang="css" mode="ios">
-.card-list {
-  padding: 16rpx;
-}
-.card {
-  position: relative;
-  padding: 20rpx;
-  padding-left: 24rpx;
-  background-color: white;
-  border-width: 1rpx;
-  border-style: solid;
-  border-color: #ddd;
-  border-radius: 8rpx;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 16rpx;
-}
-.card-before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 4rpx;
-  height: 100%;
-  background-color: blue;
-}
-.card-title {
-  font-size: 32rpx;
-  font-weight: 600;
-  color: #333;
-}
-.card-content {
-  margin-top: 12rpx;
-  font-size: 28rpx;
-  color: #666;
-}
-</style>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/run-1/grading.json
deleted file mode 100644
index 4130a48266..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/run-1/grading.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-  "eval_id": 2,
-  "run_kind": "without_skill",
-  "expectations": [
-    {
-      "text": "style: no less nesting outside of conditional compile",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style on RN: no ::before pseudo-element",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style on RN: no `display: grid`",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style on RN: no `:active` pseudo-class",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style on RN: no `+` adjacent sibling combinator",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-      "passed": true,
-      "evidence": "PASS"
-    },
-    {
-      "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-      "passed": false,
-      "evidence": "FAIL"
-    },
-    {
-      "text": "style: no empty selector rules",
-      "passed": true,
-      "evidence": "PASS"
-    }
-  ],
-  "summary": {
-    "pass_rate": 0.2222,
-    "passed": 2,
-    "failed": 7,
-    "total": 9
-  }
-}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/timing.json b/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/timing.json
deleted file mode 100644
index 9746d20fa9..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/eval-2-adapt-style-block/without_skill/timing.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "total_tokens": 51321,
-  "duration_ms": 141792,
-  "total_duration_seconds": 141.8
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/evals.json b/.agents/skills/mpx2rn-workspace/iteration-2/evals.json
deleted file mode 100644
index a698fa6664..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/evals.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "skill_name": "mpx2rn",
-  "evals": [
-    {
-      "id": 0,
-      "name": "adapt-list-page",
-      "prompt": "请帮我对附件中的 Mpx 页面 list.mpx 进行 RN 跨端适配改造，确保它能在 RN 平台正确编译运行，同时保留小程序/Web 平台的兼容性。请输出修改后的完整 .mpx 代码（保持 SFC 结构 template/script/style），不要省略任何内容。",
-      "files": ["input/list.mpx"]
-    },
-    {
-      "id": 1,
-      "name": "create-card-component",
-      "prompt": "请帮我创建一个符合 RN 跨端兼容规范的 Mpx 卡片组件 card.mpx，需求：\n- 接收 props：title (string)、desc (string)、avatar (string，图片 URL)、selected (boolean，默认 false)\n- 卡片整体可点击，点击时通过 triggerEvent 抛出 'tap' 事件\n- 点击时有按下视觉反馈\n- selected=true 时卡片边框色变为蓝色 (#1677ff)\n- 标题需要单行省略\n- 描述最多展示 2 行后省略\n- 使用组合式 API（setup 或 <script setup>）实现\n请直接输出完整组件代码（包含 template/script/style），不要省略任何内容。",
-      "files": []
-    },
-    {
-      "id": 2,
-      "name": "adapt-style-block",
-      "prompt": "请对附件中的 .mpx 文件进行 RN 跨端样式适配改造，重点改造 <style> 部分（template、script 仅在样式改造连带影响时同步修改），确保 RN 平台编译通过且保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件，不要省略任何内容。",
-      "files": ["input/style-block.mpx"]
-    }
-  ]
-}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-2/grade.py b/.agents/skills/mpx2rn-workspace/iteration-2/grade.py
deleted file mode 100644
index 1dbf2c828d..0000000000
--- a/.agents/skills/mpx2rn-workspace/iteration-2/grade.py
+++ /dev/null
@@ -1,349 +0,0 @@
-#!/usr/bin/env python3
-"""Grade outputs from each subagent run against per-eval assertions.
-
-Each output is a .mpx SFC (template/script/style/json blocks).
-We run regex-based checks and write grading.json into each run dir.
-"""
-import json
-import re
-import sys
-from pathlib import Path
-
-WORKSPACE = Path(__file__).parent
-
-# ---------- block extraction ----------
-
-def extract_blocks(src: str):
-    """Return dict with template, script, style, json text (concatenated)."""
-    blocks = {"template": "", "script": "", "style": "", "json": ""}
-
-    def grab_all(tag):
-        return re.findall(
-            rf"<{tag}(?:\s[^>]*)?>(.*?)</{tag}>",
-            src, re.DOTALL | re.IGNORECASE
-        )
-
-    blocks["template"] = "\n".join(grab_all("template"))
-    blocks["style"] = "\n".join(grab_all("style"))
-
-    # script may have type="application/json" → goes to json
-    for m in re.finditer(
-        r"<script(?P<attrs>(?:\s[^>]*)?)>(?P<body>.*?)</script>",
-        src, re.DOTALL | re.IGNORECASE
-    ):
-        attrs = (m.group("attrs") or "").lower()
-        body = m.group("body")
-        if 'type="application/json"' in attrs or 'name="json"' in attrs:
-            blocks["json"] += "\n" + body
-        else:
-            blocks["script"] += "\n" + body
-    return blocks
-
-
-def strip_comments(text: str) -> str:
-    """Strip /* ... */ block comments (CSS/JS)."""
-    return re.sub(r"/\*.*?\*/", "", text, flags=re.DOTALL)
-
-
-def strip_rn_conditional_blocks(style: str) -> str:
-    """Remove style blocks that are RN-only @mpx-if; what's left is the
-    code that runs on original (wx/web) platforms. Useful for inverse
-    checks, but we mostly use a wx-only stripper instead."""
-    # Drop `/* @mpx-if (... ios/android/harmony ...) */ ... /* @mpx-endif */`
-    return re.sub(
-        r"/\*\s*@mpx-if[^*]*?(ios|android|harmony)[^*]*?\*/.*?/\*\s*@mpx-endif\s*\*/",
-        "",
-        style, flags=re.DOTALL | re.IGNORECASE,
-    )
-
-
-def strip_wx_conditional_blocks(text: str) -> str:
-    """Remove blocks that are wx/ali/web-only conditional compile.
-    What's left is what gets emitted on RN."""
-    return re.sub(
-        r"/\*\s*@mpx-if[^*]*?(wx|ali|web)[^*]*?\*/.*?/\*\s*@mpx-(endif|end-if)\s*\*/",
-        "",
-        text, flags=re.DOTALL | re.IGNORECASE,
-    )
-
-
-# ---------- generic checks ----------
-
-def has_less_nesting(style_text: str) -> bool:
-    """Detect less/scss nested rules: a selector appearing inside an open block.
-    Heuristic: any line that is indented and starts with `&` or a selector
-    char (`.` `#` ` ` ` ` ` `) followed by `{` before closing brace, while
-    we're already inside a block."""
-    text = strip_comments(style_text)
-    # Quick check: presence of `&` selector character (less-only)
-    if "&" in text:
-        return True
-    # Walk char by char tracking depth
-    depth = 0
-    i = 0
-    n = len(text)
-    while i < n:
-        c = text[i]
-        if c == "{":
-            depth += 1
-        elif c == "}":
-            depth -= 1
-        elif depth >= 1 and c == "\n":
-            # peek next non-ws
-            j = i + 1
-            while j < n and text[j] in " \t":
-                j += 1
-            # if next non-ws is selector-ish followed by {, we have a nested rule
-            if j < n and text[j] not in "}{\n":
-                # find next `{` or `}` or `;`
-                k = j
-                while k < n and text[k] not in "{};":
-                    k += 1
-                if k < n and text[k] == "{":
-                    return True
-        i += 1
-    return False
-
-
-def has_empty_rules(style_text: str) -> bool:
-    """Detect selector { /* nothing */ } after stripping comments."""
-    text = strip_comments(style_text)
-    return bool(re.search(r"[^{}]+\{\s*\}", text))
-
-
-def uses_wrong_endif(text: str) -> bool:
-    """The correct sentinel is /* @mpx-endif */; some folks write @mpx-end-if."""
-    return "@mpx-end-if" in text
-
-
-# ---------- per-eval checks ----------
-
-def check_eval_0(output_path: Path):
-    src = output_path.read_text()
-    blocks = extract_blocks(src)
-    style_rn = strip_wx_conditional_blocks(blocks["style"])
-    style_clean = strip_comments(blocks["style"])
-
-    results = []
-
-    results.append({
-        "text": "style: no less nesting (& or rule-in-rule)",
-        "passed": not has_less_nesting(blocks["style"]),
-    })
-    results.append({
-        "text": "style on RN (wx-conditional stripped): no `:active`",
-        "passed": ":active" not in strip_comments(style_rn),
-    })
-    results.append({
-        "text": "style on RN: no `:first-child`",
-        "passed": ":first-child" not in strip_comments(style_rn),
-    })
-    results.append({
-        "text": "script: replaced wx.request with mpx.request",
-        "passed": ("wx.request" not in blocks["script"])
-                  and ("mpx.request" in blocks["script"]),
-    })
-    results.append({
-        "text": "script: replaced wx.navigateTo with mpx.navigateTo",
-        "passed": ("wx.navigateTo" not in blocks["script"])
-                  and ("mpx.navigateTo" in blocks["script"]),
-    })
-    results.append({
-        "text": "script: uses e.currentTarget.dataset (not e.target.dataset)",
-        "passed": ("e.currentTarget.dataset" in blocks["script"])
-                  and ("e.target.dataset" not in blocks["script"]),
-    })
-    results.append({
-        "text": "template: dynamic class via wx:class (not class string interp)",
-        "passed": not re.search(
-            r'(?<![:\-\w])class\s*=\s*"[^"]*\{\{[^"]*\}\}[^"]*"',
-            blocks["template"]),
-    })
-    results.append({
-        "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-        "passed": not uses_wrong_endif(src),
-    })
-    results.append({
-        "text": "style: no empty selector rules after stripping comments",
-        "passed": not has_empty_rules(blocks["style"]),
-    })
-    return results
-
-
-def check_eval_1(output_path: Path):
-    src = output_path.read_text()
-    blocks = extract_blocks(src)
-    style_rn = strip_wx_conditional_blocks(blocks["style"])
-    style_clean = strip_comments(blocks["style"])
-
-    results = []
-
-    uses_setup = bool(re.search(r"<script\s+setup", src, re.IGNORECASE)) or \
-                 bool(re.search(r"\bsetup\s*\(", blocks["script"]))
-    results.append({"text": "uses composition API (script setup or setup())", "passed": uses_setup})
-
-    results.append({"text": "style: no nesting / compound selectors",
-                    "passed": not has_less_nesting(blocks["style"])
-                    and not re.search(r"\.[\w-]+\s+\.[\w-]+\s*\{",
-                                       style_clean)})
-
-    results.append({
-        "text": "uses hover-class for press feedback (not bare :active on root)",
-        "passed": "hover-class" in blocks["template"]
-                  and ":active" not in strip_comments(style_rn),
-    })
-
-    results.append({
-        "text": "triggerEvent('tap', ...) is called",
-        "passed": bool(re.search(
-            r"triggerEvent\s*\(\s*['\"]tap['\"]", blocks["script"])),
-    })
-
-    results.append({
-        "text": "title uses numberOfLines for ellipsis",
-        "passed": "numberOfLines" in blocks["template"],
-    })
-
-    results.append({
-        "text": "avatar uses <image> (not <img>)",
-        "passed": "<image" in blocks["template"] and "<img" not in blocks["template"],
-    })
-
-    results.append({
-        "text": "text content wrapped in <text> elements",
-        "passed": "<text" in blocks["template"],
-    })
-
-    results.append({
-        "text": "defineProps uses Mpx-style `value:` (not Vue-style `default:`)",
-        "passed": "value:" in blocks["script"] and "default:" not in blocks["script"],
-    })
-
-    results.append({
-        "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-        "passed": not uses_wrong_endif(src),
-    })
-    return results
-
-
-def check_eval_2(output_path: Path):
-    src = output_path.read_text()
-    blocks = extract_blocks(src)
-    style_rn = strip_wx_conditional_blocks(blocks["style"])
-    style_rn_clean = strip_comments(style_rn)
-
-    results = []
-
-    results.append({"text": "style: no less nesting outside of conditional compile",
-                    "passed": not has_less_nesting(strip_wx_conditional_blocks(blocks["style"]))})
-
-    results.append({
-        "text": "style on RN: no ::before pseudo-element",
-        "passed": "::before" not in style_rn_clean and ":before" not in re.sub(
-            r"::before", "", style_rn_clean),
-    })
-
-    results.append({
-        "text": "style on RN: no `display: grid`",
-        "passed": not re.search(r"display\s*:\s*grid", style_rn_clean),
-    })
-
-    results.append({
-        "text": "style on RN: no `:active` pseudo-class",
-        "passed": ":active" not in style_rn_clean,
-    })
-
-    results.append({
-        "text": "style on RN: no `+` adjacent sibling combinator",
-        "passed": not re.search(r"\.[\w-]+\s*\+\s*\.[\w-]+", style_rn_clean),
-    })
-
-    results.append({
-        "text": "conditional compile uses @mpx-endif (not @mpx-end-if)",
-        "passed": not uses_wrong_endif(src),
-    })
-
-    results.append({
-        "text": "style: numeric font-weight (e.g. 600) replaced with bold/normal",
-        "passed": not re.search(r"font-weight\s*:\s*[1-9]\d{2}", style_rn_clean),
-    })
-
-    results.append({
-        "text": "template: real node added to replace ::before (e.g. card-decorator/card-bar)",
-        "passed": bool(re.search(r"card-(decorator|bar)", blocks["template"])),
-    })
-
-    results.append({
-        "text": "style: no empty selector rules",
-        "passed": not has_empty_rules(blocks["style"]),
-    })
-    return results
-
-
-CHECKERS = {0: check_eval_0, 1: check_eval_1, 2: check_eval_2}
-
-EVAL_DIRS = {
-    0: "eval-0-adapt-list-page",
-    1: "eval-1-create-card-component",
-    2: "eval-2-adapt-style-block",
-}
-
-OUTPUT_FILES = {
-    0: "list.mpx",
-    1: "card.mpx",
-    2: "style-block.mpx",
-}
-
-
-def grade_run(eval_id: int, run_kind: str):
-    eval_dir = WORKSPACE / EVAL_DIRS[eval_id]
-    out_path = eval_dir / run_kind / "outputs" / OUTPUT_FILES[eval_id]
-    if not out_path.exists():
-        print(f"missing: {out_path}", file=sys.stderr)
-        return None
-    results = CHECKERS[eval_id](out_path)
-    # add evidence
-    enriched = []
-    for r in results:
-        enriched.append({
-            "text": r["text"],
-            "passed": bool(r["passed"]),
-            "evidence": "PASS" if r["passed"] else "FAIL",
-        })
-    passed = sum(1 for e in enriched if e["passed"])
-    total = len(enriched)
-    grading = {
-        "eval_id": eval_id,
-        "run_kind": run_kind,
-        "expectations": enriched,
-        "summary": {
-            "pass_rate": round(passed / total, 4) if total else 0.0,
-            "passed": passed,
-            "failed": total - passed,
-            "total": total,
-        },
-    }
-    run_dir = eval_dir / run_kind / "run-1"
-    run_dir.mkdir(parents=True, exist_ok=True)
-    (run_dir / "grading.json").write_text(
-        json.dumps(grading, ensure_ascii=False, indent=2))
-    return grading
-
-
-def main():
-    summary = []
-    for eid in (0, 1, 2):
-        for kind in ("with_skill", "without_skill"):
-            g = grade_run(eid, kind)
-            if g:
-                s = g["summary"]
-                summary.append({
-                    "eval": EVAL_DIRS[eid],
-                    "kind": kind,
-                    "score": f"{s['passed']}/{s['total']}",
-                })
-    print(json.dumps(summary, ensure_ascii=False, indent=2))
-
-
-if __name__ == "__main__":
-    main()
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/eval_metadata.json
new file mode 100644
index 0000000000..6e758ad66a
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/eval_metadata.json
@@ -0,0 +1,24 @@
+{
+  "eval_id": 0,
+  "eval_name": "style-adaptation",
+  "complexity": "normal",
+  "focus": "style",
+  "prompt": "请对附件中的 product-card.mpx 组件进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style），不要省略任何内容。",
+  "files": ["input/product-card.mpx"],
+  "assertions": [
+    {"id": "s0", "text": "style on RN: no descendant selectors (.parent .child)", "category": "selector"},
+    {"id": "s1", "text": "style on RN: no display: grid (replaced with flex)", "category": "style"},
+    {"id": "s2", "text": "style on RN: no ::before pseudo-element", "category": "selector"},
+    {"id": "s3", "text": "style on RN: no :active pseudo-class (use hover-class instead)", "category": "selector"},
+    {"id": "s4", "text": "style on RN: no :first-child pseudo-class", "category": "selector"},
+    {"id": "s5", "text": "style on RN: no + adjacent sibling combinator", "category": "selector"},
+    {"id": "s6", "text": "style: numeric font-weight (500/600) replaced with bold/normal", "category": "style"},
+    {"id": "s7", "text": "style: text-overflow/white-space dual-track with numberOfLines on RN", "category": "style"},
+    {"id": "s8", "text": "template: real node added to replace ::before pseudo-element", "category": "template"},
+    {"id": "s9", "text": "style: conditional compile uses @mpx-endif (not @mpx-end-if)", "category": "style"},
+    {"id": "s10", "text": "style: no empty selector rules after stripping comments", "category": "style"},
+    {"id": "s11", "text": "style on RN: no > child combinator", "category": "selector"},
+    {"id": "s12", "text": "style on RN: no multi-class selector (.a.b)", "category": "selector"},
+    {"id": "s13", "text": "style on RN: no + adjacent sibling combinator (tag-highlight pattern)", "category": "selector"}
+  ]
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/input/product-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/input/product-card.mpx
new file mode 100644
index 0000000000..403be7b3a0
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/input/product-card.mpx
@@ -0,0 +1,178 @@
+<template>
+  <view class="product-card">
+    <view class="card-header">
+      <image class="card-avatar" src="{{info.avatar}}" mode="aspectFill"></image>
+      <view class="card-title-wrap">
+        <text class="card-title">{{info.title}}</text>
+        <text class="card-subtitle">{{info.subtitle}}</text>
+      </view>
+    </view>
+    <view class="card-body">
+      <text class="card-desc">{{info.description}}</text>
+      <view class="card-tags">
+        <text class="tag" wx:for="{{info.tags}}" wx:key="*this" wx:class="{{{'tag-highlight': item === info.tags[0]}}}">{{item}}</text>
+      </view>
+    </view>
+    <view class="card-footer">
+      <text class="price">{{info.price}}</text>
+      <view class="btn-buy" bindtap="onBuy">
+        <text class="btn-text">立即购买</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    info: { type: Object, value: {} }
+  },
+  methods: {
+    onBuy () {
+      this.triggerEvent('buy', { id: this.info.id })
+    }
+  }
+})
+</script>
+
+<style lang="less">
+.product-card {
+  margin: 16rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+
+  .card-header {
+    display: grid;
+    grid-template-columns: 80rpx 1fr;
+    gap: 16rpx;
+    padding: 24rpx;
+    align-items: center;
+    border-bottom: 1rpx solid #f0f0f0;
+
+    .card-avatar {
+      width: 80rpx;
+      height: 80rpx;
+      border-radius: 50%;
+    }
+
+    .card-title-wrap {
+      overflow: hidden;
+
+      .card-title {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .card-subtitle {
+        font-size: 24rpx;
+        color: #999;
+        margin-top: 4rpx;
+      }
+    }
+  }
+
+  .card-body {
+    padding: 24rpx;
+
+    .card-desc {
+      font-size: 28rpx;
+      color: #666;
+      line-height: 1.6;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .card-tags {
+      display: flex;
+      flex-wrap: wrap;
+      margin-top: 16rpx;
+
+      .tag {
+        font-size: 22rpx;
+        color: #1677ff;
+        background: rgba(22, 119, 255, 0.08);
+        padding: 4rpx 12rpx;
+        border-radius: 4rpx;
+        margin-right: 8rpx;
+        margin-bottom: 8rpx;
+      }
+
+      .tag:first-child {
+        margin-left: 0;
+      }
+    }
+  }
+
+  .card-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20rpx 24rpx;
+    border-top: 1rpx solid #f0f0f0;
+
+    .price {
+      font-size: 36rpx;
+      font-weight: 500;
+      color: #ff4d4f;
+    }
+
+    .btn-buy {
+      padding: 12rpx 32rpx;
+      background: #1677ff;
+      border-radius: 8rpx;
+
+      &:active {
+        opacity: 0.7;
+      }
+
+      .btn-text {
+        font-size: 26rpx;
+        color: #fff;
+      }
+    }
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4rpx;
+    background: linear-gradient(to right, #1677ff, #69c0ff);
+  }
+}
+
+.product-card + .product-card {
+  margin-top: 24rpx;
+}
+
+.card-footer > .price {
+  color: #ff4d4f;
+}
+
+.tag.tag-highlight {
+  background: rgba(255, 77, 79, 0.08);
+  color: #ff4d4f;
+}
+
+.tag-highlight + .tag {
+  margin-left: 0;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_gene/outputs/product-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_gene/outputs/product-card.mpx
new file mode 100644
index 0000000000..a1bd7d0242
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_gene/outputs/product-card.mpx
@@ -0,0 +1,193 @@
+<template>
+  <view class="product-card">
+    <view class="card-top-bar" enable-background></view>
+    <view class="card-header">
+      <image class="card-avatar" src="{{info.avatar}}" mode="aspectFill"></image>
+      <view class="card-title-wrap">
+        <text class="card-title" numberOfLines@ios|android|harmony="{{1}}">{{info.title}}</text>
+        <text class="card-subtitle">{{info.subtitle}}</text>
+      </view>
+    </view>
+    <view class="card-body">
+      <text class="card-desc" numberOfLines@ios|android|harmony="{{1}}">{{info.description}}</text>
+      <view class="card-tags">
+        <text
+          class="tag"
+          wx:for="{{info.tags}}"
+          wx:key="*this"
+          wx:class="{{'tag-highlight': item === info.tags[0]}}"
+        >{{item}}</text>
+      </view>
+    </view>
+    <view class="card-footer">
+      <text class="price">{{info.price}}</text>
+      <view class="btn-buy" hover-class="btn-buy-active" hover-stay-time="100" bindtap="onBuy">
+        <text class="btn-text">立即购买</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    info: { type: Object, value: {} }
+  },
+  methods: {
+    onBuy () {
+      this.triggerEvent('buy', { id: this.info.id })
+    }
+  }
+})
+</script>
+
+<style lang="less">
+.product-card {
+  margin: 16rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  overflow: hidden;
+  /* @mpx-if (__mpx_mode__ !== 'ios' && __mpx_mode__ !== 'android' && __mpx_mode__ !== 'harmony') */
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  /* @mpx-endif */
+  position: relative;
+}
+
+.card-top-bar {
+  /* @mpx-if (__mpx_mode__ !== 'ios' && __mpx_mode__ !== 'android' && __mpx_mode__ !== 'harmony') */
+  display: none;
+  /* @mpx-endif */
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  height: 4rpx;
+  background-image: linear-gradient(to right, #1677ff, #69c0ff);
+  /* @mpx-endif */
+}
+
+.card-header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 24rpx;
+  /* @mpx-if (__mpx_mode__ !== 'ios' && __mpx_mode__ !== 'android' && __mpx_mode__ !== 'harmony') */
+  border-bottom: 1rpx solid #f0f0f0;
+  /* @mpx-endif */
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  border-bottom-width: hairlineWidth;
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+  /* @mpx-endif */
+}
+
+.card-avatar {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 40rpx;
+  flex-shrink: 0;
+}
+
+.card-title-wrap {
+  flex: 1;
+  overflow: hidden;
+  margin-left: 16rpx;
+}
+
+.card-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  overflow: hidden;
+  /* @mpx-if (__mpx_mode__ !== 'ios' && __mpx_mode__ !== 'android' && __mpx_mode__ !== 'harmony') */
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  /* @mpx-endif */
+}
+
+.card-subtitle {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 4rpx;
+}
+
+.card-body {
+  padding: 24rpx;
+}
+
+.card-desc {
+  font-size: 28rpx;
+  color: #666;
+  line-height: 44rpx;
+  overflow: hidden;
+  /* @mpx-if (__mpx_mode__ !== 'ios' && __mpx_mode__ !== 'android' && __mpx_mode__ !== 'harmony') */
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  /* @mpx-endif */
+}
+
+.card-tags {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-top: 16rpx;
+}
+
+.tag {
+  font-size: 22rpx;
+  color: #1677ff;
+  background: rgba(22, 119, 255, 0.08);
+  padding: 4rpx 12rpx;
+  border-radius: 4rpx;
+  margin-right: 8rpx;
+  margin-bottom: 8rpx;
+}
+
+.tag-highlight {
+  background: rgba(255, 77, 79, 0.08);
+  color: #ff4d4f;
+}
+
+.card-footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 24rpx;
+  /* @mpx-if (__mpx_mode__ !== 'ios' && __mpx_mode__ !== 'android' && __mpx_mode__ !== 'harmony') */
+  border-top: 1rpx solid #f0f0f0;
+  /* @mpx-endif */
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  border-top-width: hairlineWidth;
+  border-top-style: solid;
+  border-top-color: #f0f0f0;
+  /* @mpx-endif */
+}
+
+.price {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #ff4d4f;
+}
+
+.btn-buy {
+  padding: 12rpx 32rpx;
+  background: #1677ff;
+  border-radius: 8rpx;
+}
+
+.btn-buy-active {
+  opacity: 0.7;
+}
+
+.btn-text {
+  font-size: 26rpx;
+  color: #fff;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_gene/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_gene/run-1/grading.json
new file mode 100644
index 0000000000..11eb3afd27
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_gene/run-1/grading.json
@@ -0,0 +1,97 @@
+{
+  "eval_id": 0,
+  "run_kind": "mpx2rn_gene",
+  "expectations": [
+    {
+      "id": "s0",
+      "text": "style on RN: no descendant selectors (.parent .child)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s1",
+      "text": "style on RN: no display: grid (replaced with flex)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s2",
+      "text": "style on RN: no ::before pseudo-element",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s3",
+      "text": "style on RN: no :active pseudo-class (use hover-class instead)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s4",
+      "text": "style on RN: no :first-child pseudo-class",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s5",
+      "text": "style on RN: no + adjacent sibling combinator",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s6",
+      "text": "style: numeric font-weight (500/600) replaced with bold/normal",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s7",
+      "text": "style: text-overflow/white-space dual-track with numberOfLines on RN",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s8",
+      "text": "template: real node added to replace ::before pseudo-element",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s9",
+      "text": "style: conditional compile uses @mpx-endif (not @mpx-end-if)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s10",
+      "text": "style: no empty selector rules after stripping comments",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s11",
+      "text": "style on RN: no > child combinator",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s12",
+      "text": "style on RN: no multi-class selector (.a.b)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s13",
+      "text": "style on RN: no + adjacent sibling combinator (tag-highlight pattern)",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 1.0,
+    "passed": 14,
+    "failed": 0,
+    "total": 14
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_original/outputs/product-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_original/outputs/product-card.mpx
new file mode 100644
index 0000000000..2ab854db68
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_original/outputs/product-card.mpx
@@ -0,0 +1,190 @@
+<template>
+  <view class="product-card">
+    <!-- 伪元素 ::before 替换为真实节点，实现顶部渐变色条 -->
+    <view class="card-top-bar"></view>
+    <view class="card-header">
+      <image class="card-avatar" src="{{info.avatar}}" mode="aspectFill"></image>
+      <view class="card-title-wrap">
+        <!-- 文本溢出：RN 平台使用 numberOfLines 属性条件编译等效实现 -->
+        <text class="card-title" numberOfLines@ios|android|harmony="{{1}}">{{info.title}}</text>
+        <text class="card-subtitle">{{info.subtitle}}</text>
+      </view>
+    </view>
+    <view class="card-body">
+      <!-- 文本溢出：RN 平台使用 numberOfLines 属性条件编译等效实现 -->
+      <text class="card-desc" numberOfLines@ios|android|harmony="{{1}}">{{info.description}}</text>
+      <view class="card-tags">
+        <!-- wx:class key 改为 camelCase 无引号形式；tag-highlight 交集选择器改为单类 tagHighlight -->
+        <text
+          class="tag"
+          wx:for="{{info.tags}}"
+          wx:key="*this"
+          wx:class="{{ {tagHighlight: item === info.tags[0]} }}"
+        >{{item}}</text>
+      </view>
+    </view>
+    <view class="card-footer">
+      <text class="price">{{info.price}}</text>
+      <!-- :active 伪类替换为 hover-class 跨端兼容实现 -->
+      <view class="btn-buy" hover-class="btn-buy-active" hover-stay-time="{{100}}" bindtap="onBuy">
+        <text class="btn-text">立即购买</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    info: { type: Object, value: {} }
+  },
+  methods: {
+    onBuy () {
+      this.triggerEvent('buy', { id: this.info.id })
+    }
+  }
+})
+</script>
+
+<style lang="less">
+.product-card {
+  margin: 16rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  position: relative;
+}
+
+/* 伪元素 ::before → 真实节点 .card-top-bar，实现顶部渐变色条 */
+.card-top-bar {
+  height: 4rpx;
+  background-image: linear-gradient(to right, #1677ff, #69c0ff);
+}
+
+.card-header {
+  /* grid 布局替换为 flex 布局 */
+  display: flex;
+  flex-direction: row;
+  gap: 16rpx;
+  padding: 24rpx;
+  align-items: center;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.card-avatar {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.card-title-wrap {
+  overflow: hidden;
+  flex: 1;
+}
+
+.card-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  overflow: hidden;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  /* todo: RN 不支持 text-overflow / white-space，使用 numberOfLines 模板属性等效实现 */
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  /* @mpx-endif */
+}
+
+.card-subtitle {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 4rpx;
+}
+
+.card-body {
+  padding: 24rpx;
+}
+
+.card-desc {
+  font-size: 28rpx;
+  color: #666;
+  line-height: 1.6;
+  overflow: hidden;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  /* todo: RN 不支持 text-overflow / white-space，使用 numberOfLines 模板属性等效实现 */
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  /* @mpx-endif */
+}
+
+.card-tags {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-top: 16rpx;
+}
+
+.tag {
+  font-size: 22rpx;
+  color: #1677ff;
+  background: rgba(22, 119, 255, 0.08);
+  padding: 4rpx 12rpx;
+  border-radius: 4rpx;
+  margin-right: 8rpx;
+  margin-bottom: 8rpx;
+}
+
+/* 交集选择器 .tag.tag-highlight → 单类 .tagHighlight，模板中通过 wx:class 绑定 */
+.tagHighlight {
+  background: rgba(255, 77, 79, 0.08);
+  color: #ff4d4f;
+}
+
+.card-footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 24rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.price {
+  font-size: 36rpx;
+  font-weight: 500;
+  color: #ff4d4f;
+}
+
+.btn-buy {
+  padding: 12rpx 32rpx;
+  background: #1677ff;
+  border-radius: 8rpx;
+}
+
+/* :active 伪类 → hover-class="btn-buy-active" 跨端兼容实现 */
+.btn-buy-active {
+  opacity: 0.7;
+}
+
+.btn-text {
+  font-size: 26rpx;
+  color: #fff;
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+/* todo: RN 不支持相邻兄弟选择器，此规则仅在原平台生效；RN 侧需在父容器通过 wx:class 实现 */
+.product-card + .product-card {
+  margin-top: 24rpx;
+}
+/* @mpx-endif */
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_original/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_original/run-1/grading.json
new file mode 100644
index 0000000000..d060a27f55
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/mpx2rn_original/run-1/grading.json
@@ -0,0 +1,97 @@
+{
+  "eval_id": 0,
+  "run_kind": "mpx2rn_original",
+  "expectations": [
+    {
+      "id": "s0",
+      "text": "style on RN: no descendant selectors (.parent .child)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s1",
+      "text": "style on RN: no display: grid (replaced with flex)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s2",
+      "text": "style on RN: no ::before pseudo-element",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s3",
+      "text": "style on RN: no :active pseudo-class (use hover-class instead)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s4",
+      "text": "style on RN: no :first-child pseudo-class",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s5",
+      "text": "style on RN: no + adjacent sibling combinator",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s6",
+      "text": "style: numeric font-weight (500/600) replaced with bold/normal",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "s7",
+      "text": "style: text-overflow/white-space dual-track with numberOfLines on RN",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s8",
+      "text": "template: real node added to replace ::before pseudo-element",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s9",
+      "text": "style: conditional compile uses @mpx-endif (not @mpx-end-if)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s10",
+      "text": "style: no empty selector rules after stripping comments",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s11",
+      "text": "style on RN: no > child combinator",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s12",
+      "text": "style on RN: no multi-class selector (.a.b)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s13",
+      "text": "style on RN: no + adjacent sibling combinator (tag-highlight pattern)",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.9286,
+    "passed": 13,
+    "failed": 1,
+    "total": 14
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/no_skill/outputs/product-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/no_skill/outputs/product-card.mpx
new file mode 100644
index 0000000000..40f5595861
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/no_skill/outputs/product-card.mpx
@@ -0,0 +1,171 @@
+<template>
+  <view class="product-card">
+    <view class="card-header">
+      <image class="card-avatar" src="{{info.avatar}}" mode="aspectFill"></image>
+      <view class="card-title-wrap">
+        <text class="card-title" mpx-lines="1">{{info.title}}</text>
+        <text class="card-subtitle">{{info.subtitle}}</text>
+      </view>
+    </view>
+    <view class="card-body">
+      <text class="card-desc" mpx-lines="1">{{info.description}}</text>
+      <view class="card-tags">
+        <text class="tag" wx:for="{{info.tags}}" wx:key="*this" wx:class="{{{'tag-highlight': item === info.tags[0]}}}">{{item}}</text>
+      </view>
+    </view>
+    <view class="card-footer">
+      <text class="price">{{info.price}}</text>
+      <view class="btn-buy" hover-class="btn-buy-active" bindtap="onBuy">
+        <text class="btn-text">立即购买</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    info: { type: Object, value: {} }
+  },
+  methods: {
+    onBuy () {
+      this.triggerEvent('buy', { id: this.info.id })
+    }
+  }
+})
+</script>
+
+<style lang="less">
+.product-card {
+  margin: 16rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  /* RN: overflow hidden removed from outer card to allow shadow rendering */
+  /* iOS shadow */
+  shadow-color: rgba(0, 0, 0, 0.08);
+  shadow-offset: 0 2rpx;
+  shadow-opacity: 1;
+  shadow-radius: 12rpx;
+  /* Android shadow */
+  elevation: 3;
+
+  .card-header {
+    /* RN: replaced display:grid with flexbox */
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: 24rpx;
+    border-bottom-width: 1rpx;
+    border-bottom-color: #f0f0f0;
+    border-bottom-style: solid;
+
+    .card-avatar {
+      width: 80rpx;
+      height: 80rpx;
+      border-radius: 40rpx;
+      flex-shrink: 0;
+    }
+
+    .card-title-wrap {
+      flex: 1;
+      overflow: hidden;
+      margin-left: 16rpx;
+
+      .card-title {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+      }
+
+      .card-subtitle {
+        font-size: 24rpx;
+        color: #999;
+        margin-top: 4rpx;
+      }
+    }
+  }
+
+  .card-body {
+    padding: 24rpx;
+    overflow: hidden;
+
+    .card-desc {
+      font-size: 28rpx;
+      color: #666;
+      line-height: 45rpx;
+    }
+
+    .card-tags {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      margin-top: 16rpx;
+
+      .tag {
+        font-size: 22rpx;
+        color: #1677ff;
+        background: rgba(22, 119, 255, 0.08);
+        padding-top: 4rpx;
+        padding-bottom: 4rpx;
+        padding-left: 12rpx;
+        padding-right: 12rpx;
+        border-radius: 4rpx;
+        margin-right: 8rpx;
+        margin-bottom: 8rpx;
+      }
+    }
+  }
+
+  .card-footer {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 20rpx;
+    padding-bottom: 20rpx;
+    padding-left: 24rpx;
+    padding-right: 24rpx;
+    border-top-width: 1rpx;
+    border-top-color: #f0f0f0;
+    border-top-style: solid;
+
+    .price {
+      font-size: 36rpx;
+      font-weight: 500;
+      color: #ff4d4f;
+    }
+
+    .btn-buy {
+      padding-top: 12rpx;
+      padding-bottom: 12rpx;
+      padding-left: 32rpx;
+      padding-right: 32rpx;
+      background: #1677ff;
+      border-radius: 8rpx;
+
+      .btn-text {
+        font-size: 26rpx;
+        color: #fff;
+      }
+    }
+  }
+}
+
+.btn-buy-active {
+  opacity: 0.7;
+}
+
+.tag.tag-highlight {
+  background: rgba(255, 77, 79, 0.08);
+  color: #ff4d4f;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/no_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/no_skill/run-1/grading.json
new file mode 100644
index 0000000000..281e882590
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-0-style-adaptation/no_skill/run-1/grading.json
@@ -0,0 +1,97 @@
+{
+  "eval_id": 0,
+  "run_kind": "no_skill",
+  "expectations": [
+    {
+      "id": "s0",
+      "text": "style on RN: no descendant selectors (.parent .child)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s1",
+      "text": "style on RN: no display: grid (replaced with flex)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s2",
+      "text": "style on RN: no ::before pseudo-element",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s3",
+      "text": "style on RN: no :active pseudo-class (use hover-class instead)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s4",
+      "text": "style on RN: no :first-child pseudo-class",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s5",
+      "text": "style on RN: no + adjacent sibling combinator",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s6",
+      "text": "style: numeric font-weight (500/600) replaced with bold/normal",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "s7",
+      "text": "style: text-overflow/white-space dual-track with numberOfLines on RN",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "s8",
+      "text": "template: real node added to replace ::before pseudo-element",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "s9",
+      "text": "style: conditional compile uses @mpx-endif (not @mpx-end-if)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s10",
+      "text": "style: no empty selector rules after stripping comments",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s11",
+      "text": "style on RN: no > child combinator",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "s12",
+      "text": "style on RN: no multi-class selector (.a.b)",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "s13",
+      "text": "style on RN: no + adjacent sibling combinator (tag-highlight pattern)",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.7143,
+    "passed": 10,
+    "failed": 4,
+    "total": 14
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/eval_metadata.json
new file mode 100644
index 0000000000..3a5269de4f
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/eval_metadata.json
@@ -0,0 +1,19 @@
+{
+  "eval_id": 1,
+  "eval_name": "template-adaptation",
+  "complexity": "normal",
+  "focus": "template",
+  "prompt": "请对附件中的 order-list.mpx 页面进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style），不要省略任何内容。",
+  "files": ["input/order-list.mpx"],
+  "assertions": [
+    {"id": "t0", "text": "template: dynamic class via wx:class (not class string interpolation)", "category": "template"},
+    {"id": "t1", "text": "template: event params use inline syntax (not data- dataset)", "category": "template"},
+    {"id": "t2", "text": "template: no method calls in Mustache (getStatusColor/getStatusText replaced with computed or wx:style binding)", "category": "template"},
+    {"id": "t3", "text": "template: page scroll replaced with scroll-view (onPullDownRefresh/onReachBottom removed)", "category": "template"},
+    {"id": "t4", "text": "template: scroll-view has bindscrolltolower or equivalent scroll event", "category": "template"},
+    {"id": "t5", "text": "script: all wx.xxx API replaced with mpx.xxx", "category": "script"},
+    {"id": "t6", "text": "script: no e.target.dataset usage (event params via inline syntax)", "category": "script"},
+    {"id": "t7", "text": "style on RN: no .btn-default .btn-text compound selector", "category": "style"},
+    {"id": "t8", "text": "template: wx:style object keys use unquoted camelCase (no quoted or kebab-case keys)", "category": "template"}
+  ]
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/input/order-list.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/input/order-list.mpx
new file mode 100644
index 0000000000..41412590c0
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/input/order-list.mpx
@@ -0,0 +1,353 @@
+<template>
+  <view class="order-page">
+    <view class="tab-bar">
+      <view
+        class="tab {{activeTab === item.key ? 'tab-active' : ''}}"
+        wx:for="{{tabs}}"
+        wx:key="key"
+        data-key="{{item.key}}"
+        bindtap="switchTab"
+      >
+        <text class="tab-text">{{item.label}}</text>
+        <view wx:if="{{item.badge > 0}}" class="badge">
+          <text class="badge-text">{{item.badge > 99 ? '99+' : item.badge}}</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="order-list">
+      <view
+        class="order-item"
+        wx:for="{{orders}}"
+        wx:key="id"
+        data-id="{{item.id}}"
+        data-status="{{item.status}}"
+        bindtap="goOrderDetail"
+        bindlongpress="showActions"
+      >
+        <view class="order-header">
+          <text class="order-no">订单号: {{item.orderNo}}</text>
+          <text class="order-status" style="color: {{getStatusColor(item.status)}}">{{getStatusText(item.status)}}</text>
+        </view>
+        <view class="order-goods">
+          <image class="goods-img" src="{{item.goodsImg}}" mode="aspectFill"></image>
+          <view class="goods-info">
+            <text class="goods-name">{{item.goodsName}}</text>
+            <text class="goods-spec">{{item.spec}}</text>
+            <view class="goods-price-row">
+              <text class="goods-price">¥{{item.price}}</text>
+              <text class="goods-count">x{{item.count}}</text>
+            </view>
+          </view>
+        </view>
+        <view class="order-footer">
+          <text class="order-total">合计: ¥{{item.totalPrice}}</text>
+          <view class="order-actions">
+            <view
+              wx:if="{{item.status === 'unpaid'}}"
+              class="btn btn-primary"
+              data-id="{{item.id}}"
+              bindtap="payOrder"
+            >
+              <text class="btn-text">去支付</text>
+            </view>
+            <view
+              wx:if="{{item.status === 'shipped'}}"
+              class="btn btn-default"
+              data-id="{{item.id}}"
+              bindtap="confirmReceive"
+            >
+              <text class="btn-text">确认收货</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view wx:if="{{loading}}" class="loading">
+      <text class="loading-text">加载中...</text>
+    </view>
+    <view wx:if="{{!loading && orders.length === 0}}" class="empty">
+      <text class="empty-text">暂无订单</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createPage } from '@mpxjs/core'
+
+createPage({
+  data: {
+    activeTab: 'all',
+    tabs: [
+      { key: 'all', label: '全部', badge: 0 },
+      { key: 'unpaid', label: '待付款', badge: 3 },
+      { key: 'shipped', label: '待收货', badge: 1 },
+      { key: 'completed', label: '已完成', badge: 0 }
+    ],
+    orders: [],
+    loading: false
+  },
+  onLoad () {
+    this.fetchOrders()
+  },
+  onPullDownRefresh () {
+    this.fetchOrders()
+  },
+  onReachBottom () {
+    this.loadMore()
+  },
+  methods: {
+    getStatusColor (status) {
+      const map = { unpaid: '#ff4d4f', shipped: '#1677ff', completed: '#52c41a' }
+      return map[status] || '#999'
+    },
+    getStatusText (status) {
+      const map = { unpaid: '待付款', shipped: '已发货', completed: '已完成' }
+      return map[status] || '未知'
+    },
+    switchTab (e) {
+      const key = e.target.dataset.key
+      this.activeTab = key
+      this.fetchOrders()
+    },
+    goOrderDetail (e) {
+      const id = e.target.dataset.id
+      wx.navigateTo({ url: '/pages/order-detail?id=' + id })
+    },
+    showActions (e) {
+      const id = e.target.dataset.id
+      const status = e.target.dataset.status
+      wx.showActionSheet({
+        itemList: status === 'unpaid' ? ['取消订单', '联系客服'] : ['联系客服'],
+        success: (res) => {
+          if (res.tapIndex === 0 && status === 'unpaid') {
+            this.cancelOrder(id)
+          }
+        }
+      })
+    },
+    payOrder (e) {
+      const id = e.target.dataset.id
+      wx.navigateTo({ url: '/pages/pay?orderId=' + id })
+    },
+    confirmReceive (e) {
+      const id = e.target.dataset.id
+      wx.showModal({
+        title: '确认收货',
+        content: '确认已收到商品？',
+        success: (res) => {
+          if (res.confirm) {
+            this.doConfirmReceive(id)
+          }
+        }
+      })
+    },
+    fetchOrders () {
+      this.loading = true
+      wx.request({
+        url: '/api/orders',
+        data: { status: this.activeTab },
+        success: (res) => {
+          this.orders = res.data.list
+          this.loading = false
+        }
+      })
+    },
+    loadMore () {},
+    cancelOrder (id) {},
+    doConfirmReceive (id) {}
+  }
+})
+</script>
+
+<style lang="less">
+.order-page {
+  padding: 0 24rpx;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.tab-bar {
+  display: flex;
+  padding: 20rpx 0;
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+}
+
+.tab {
+  flex: 1;
+  text-align: center;
+  position: relative;
+  padding: 12rpx 0;
+}
+
+.tab-active {
+  color: #1677ff;
+  font-weight: bold;
+}
+
+.tab-text {
+  font-size: 28rpx;
+}
+
+.badge {
+  position: absolute;
+  top: 0;
+  right: 20rpx;
+  background: #ff4d4f;
+  border-radius: 16rpx;
+  padding: 0 8rpx;
+  min-width: 28rpx;
+  height: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.badge-text {
+  font-size: 20rpx;
+  color: #fff;
+}
+
+.order-item {
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+  padding: 24rpx;
+}
+
+.order-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+
+.order-no {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-status {
+  font-size: 26rpx;
+  font-weight: bold;
+}
+
+.order-goods {
+  display: flex;
+  padding: 16rpx 0;
+  border-top: 1rpx solid #f0f0f0;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.goods-img {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 8rpx;
+  margin-right: 16rpx;
+}
+
+.goods-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.goods-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.goods-spec {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.goods-price-row {
+  display: flex;
+  justify-content: space-between;
+}
+
+.goods-price {
+  font-size: 28rpx;
+  color: #ff4d4f;
+  font-weight: bold;
+}
+
+.goods-count {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16rpx;
+}
+
+.order-total {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.order-actions {
+  display: flex;
+}
+
+.btn {
+  padding: 10rpx 24rpx;
+  border-radius: 32rpx;
+  margin-left: 16rpx;
+}
+
+.btn-primary {
+  background: #1677ff;
+}
+
+.btn-default {
+  background: #fff;
+  border: 1rpx solid #ddd;
+}
+
+.btn-text {
+  font-size: 24rpx;
+  color: #fff;
+}
+
+.btn-default .btn-text {
+  color: #333;
+}
+
+.loading {
+  text-align: center;
+  padding: 40rpx;
+}
+
+.loading-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
+.empty {
+  text-align: center;
+  padding: 80rpx;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "My Orders",
+  "enablePullDownRefresh": true,
+  "onReachBottomDistance": 50
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_gene/outputs/order-list.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_gene/outputs/order-list.mpx
new file mode 100644
index 0000000000..11d7166289
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_gene/outputs/order-list.mpx
@@ -0,0 +1,389 @@
+<template>
+  <view class="order-page">
+    <view class="tab-bar">
+      <view
+        class="tab"
+        wx:for="{{tabs}}"
+        wx:key="key"
+        bindtap="switchTab"
+        data-key="{{item.key}}"
+      >
+        <text class="tab-text" wx:class="{{activeTab === item.key ? {'tab-text-active': true} : {}}}">{{item.label}}</text>
+        <view wx:if="{{item.badge > 0}}" class="badge">
+          <text class="badge-text">{{item.badge > 99 ? '99+' : item.badge}}</text>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view class="order-list" scroll-y bindscrolltolower="loadMore" bindrefresherrefresh="onRefresh" refresher-enabled>
+      <view
+        class="order-item"
+        wx:for="{{orders}}"
+        wx:key="id"
+        bindtap="goOrderDetail"
+        bindlongpress="showActions"
+        data-id="{{item.id}}"
+        data-status="{{item.status}}"
+      >
+        <view class="order-header">
+          <text class="order-no">订单号: {{item.orderNo}}</text>
+          <text class="order-status" wx:style="{{{'color': statusColorMap[item.status] || '#999'}}}">{{statusTextMap[item.status] || '未知'}}</text>
+        </view>
+        <view class="order-goods">
+          <image class="goods-img" src="{{item.goodsImg}}" mode="aspectFill"></image>
+          <view class="goods-info">
+            <text class="goods-name">{{item.goodsName}}</text>
+            <text class="goods-spec">{{item.spec}}</text>
+            <view class="goods-price-row">
+              <text class="goods-price">¥{{item.price}}</text>
+              <text class="goods-count">x{{item.count}}</text>
+            </view>
+          </view>
+        </view>
+        <view class="order-footer">
+          <text class="order-total">合计: ¥{{item.totalPrice}}</text>
+          <view class="order-actions">
+            <view
+              wx:if="{{item.status === 'unpaid'}}"
+              class="btn btn-primary"
+              data-id="{{item.id}}"
+              bindtap="payOrder"
+            >
+              <text class="btn-text">去支付</text>
+            </view>
+            <view
+              wx:if="{{item.status === 'shipped'}}"
+              class="btn btn-default"
+              data-id="{{item.id}}"
+              bindtap="confirmReceive"
+            >
+              <text class="btn-text-default">确认收货</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <view wx:if="{{loading}}" class="loading">
+      <text class="loading-text">加载中...</text>
+    </view>
+    <view wx:if="{{!loading && orders.length === 0}}" class="empty">
+      <text class="empty-text">暂无订单</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createPage } from '@mpxjs/core'
+import mpx from '@mpxjs/core'
+
+createPage({
+  data: {
+    activeTab: 'all',
+    tabs: [
+      { key: 'all', label: '全部', badge: 0 },
+      { key: 'unpaid', label: '待付款', badge: 3 },
+      { key: 'shipped', label: '待收货', badge: 1 },
+      { key: 'completed', label: '已完成', badge: 0 }
+    ],
+    orders: [],
+    loading: false,
+    statusColorMap: { unpaid: '#ff4d4f', shipped: '#1677ff', completed: '#52c41a' },
+    statusTextMap: { unpaid: '待付款', shipped: '已发货', completed: '已完成' }
+  },
+  onLoad () {
+    this.fetchOrders()
+  },
+  onPullDownRefresh () {
+    this.fetchOrders()
+  },
+  onReachBottom () {
+    this.loadMore()
+  },
+  methods: {
+    onRefresh () {
+      this.fetchOrders()
+    },
+    switchTab (e) {
+      const key = e.target.dataset.key
+      this.activeTab = key
+      this.fetchOrders()
+    },
+    goOrderDetail (e) {
+      const id = e.target.dataset.id
+      mpx.navigateTo({ url: '/pages/order-detail?id=' + id })
+    },
+    showActions (e) {
+      const id = e.target.dataset.id
+      const status = e.target.dataset.status
+      mpx.showActionSheet({
+        itemList: status === 'unpaid' ? ['取消订单', '联系客服'] : ['联系客服'],
+        success: (res) => {
+          if (res.tapIndex === 0 && status === 'unpaid') {
+            this.cancelOrder(id)
+          }
+        }
+      })
+    },
+    payOrder (e) {
+      const id = e.target.dataset.id
+      mpx.navigateTo({ url: '/pages/pay?orderId=' + id })
+    },
+    confirmReceive (e) {
+      const id = e.target.dataset.id
+      mpx.showModal({
+        title: '确认收货',
+        content: '确认已收到商品？',
+        success: (res) => {
+          if (res.confirm) {
+            this.doConfirmReceive(id)
+          }
+        }
+      })
+    },
+    fetchOrders () {
+      this.loading = true
+      mpx.request({
+        url: '/api/orders',
+        data: { status: this.activeTab },
+        success: (res) => {
+          this.orders = res.data.list
+          this.loading = false
+        }
+      })
+    },
+    loadMore () {},
+    cancelOrder (id) {},
+    doConfirmReceive (id) {}
+  }
+})
+</script>
+
+<style lang="less">
+.order-page {
+  padding: 0 24rpx;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.tab-bar {
+  display: flex;
+  flex-direction: row;
+  padding: 20rpx 0;
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+}
+
+.tab {
+  flex: 1;
+  position: relative;
+  padding: 12rpx 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.tab-text-active {
+  color: #1677ff;
+  font-weight: bold;
+}
+
+.tab-text {
+  font-size: 28rpx;
+}
+
+.badge {
+  position: absolute;
+  top: 0;
+  right: 20rpx;
+  background: #ff4d4f;
+  border-radius: 16rpx;
+  padding: 0 8rpx;
+  min-width: 28rpx;
+  height: 28rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.badge-text {
+  font-size: 20rpx;
+  color: #fff;
+}
+
+.order-list {
+  flex: 1;
+}
+
+.order-item {
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+  padding: 24rpx;
+}
+
+.order-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+
+.order-no {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-status {
+  font-size: 26rpx;
+  font-weight: bold;
+}
+
+.order-goods {
+  display: flex;
+  flex-direction: row;
+  padding: 16rpx 0;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  border-top: 1rpx solid #f0f0f0;
+  border-bottom: 1rpx solid #f0f0f0;
+  /* @mpx-else */
+  border-top-style: solid;
+  border-top-color: #f0f0f0;
+  border-top-width: hairlineWidth;
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+  border-bottom-width: hairlineWidth;
+  /* @mpx-endif */
+}
+
+.goods-img {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 8rpx;
+  margin-right: 16rpx;
+}
+
+.goods-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.goods-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.goods-spec {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.goods-price-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.goods-price {
+  font-size: 28rpx;
+  color: #ff4d4f;
+  font-weight: bold;
+}
+
+.goods-count {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16rpx;
+}
+
+.order-total {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.order-actions {
+  display: flex;
+  flex-direction: row;
+}
+
+.btn {
+  padding: 10rpx 24rpx;
+  border-radius: 32rpx;
+  margin-left: 16rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.btn-primary {
+  background: #1677ff;
+}
+
+.btn-default {
+  background: #fff;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  border: 1rpx solid #ddd;
+  /* @mpx-else */
+  border-style: solid;
+  border-color: #ddd;
+  border-width: hairlineWidth;
+  /* @mpx-endif */
+}
+
+.btn-text {
+  font-size: 24rpx;
+  color: #fff;
+}
+
+.btn-text-default {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.loading {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 40rpx;
+}
+
+.loading-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
+.empty {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 80rpx;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "My Orders",
+  "disableScroll": true
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_gene/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_gene/run-1/grading.json
new file mode 100644
index 0000000000..bb52377122
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_gene/run-1/grading.json
@@ -0,0 +1,67 @@
+{
+  "eval_id": 1,
+  "run_kind": "mpx2rn_gene",
+  "expectations": [
+    {
+      "id": "t0",
+      "text": "template: dynamic class via wx:class (not class string interpolation)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t1",
+      "text": "template: event params use inline syntax (not data- dataset)",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "t2",
+      "text": "template: no method calls in Mustache (getStatusColor/getStatusText replaced)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t3",
+      "text": "template: page scroll replaced with scroll-view",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t4",
+      "text": "template: scroll-view has bindscrolltolower or equivalent",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t5",
+      "text": "script: all wx.xxx API replaced with mpx.xxx",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t6",
+      "text": "script: no e.target.dataset usage",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "t7",
+      "text": "style on RN: no .btn-default .btn-text compound selector",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t8",
+      "text": "template: wx:style object keys use unquoted camelCase (no quoted or kebab-case keys)",
+      "passed": false,
+      "evidence": "FAIL"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.6667,
+    "passed": 6,
+    "failed": 3,
+    "total": 9
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_original/outputs/order-list.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_original/outputs/order-list.mpx
new file mode 100644
index 0000000000..828e72ee68
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_original/outputs/order-list.mpx
@@ -0,0 +1,382 @@
+<template>
+  <scroll-view
+    class="order-page"
+    scroll-y
+    enhanced
+    refresher-enabled
+    refresher-triggered="{{isRefreshing}}"
+    bindrefresherrefresh="onPullDownRefreshRN"
+    bindscrolltolower="onReachBottomRN"
+    lower-threshold="{{50}}"
+  >
+    <view class="tab-bar">
+      <view
+        wx:for="{{tabs}}"
+        wx:key="key"
+        class="tab"
+        bindtap="switchTab(item.key)"
+      >
+        <text
+          class="tab-text"
+          wx:class="{{ {tabTextActive: activeTab === item.key} }}"
+        >{{item.label}}</text>
+        <view wx:if="{{item.badge > 0}}" class="badge">
+          <text class="badge-text">{{item.badge > 99 ? '99+' : item.badge}}</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="order-list">
+      <view
+        wx:for="{{orders}}"
+        wx:key="id"
+        class="order-item"
+        bindtap="goOrderDetail(item.id)"
+        bindlongpress="showActions(item.id, item.status)"
+      >
+        <view class="order-header">
+          <text class="order-no">订单号: {{item.orderNo}}</text>
+          <text class="order-status" wx:style="{{ {color: statusColorMap[item.status] || '#999'} }}">{{statusTextMap[item.status] || '未知'}}</text>
+        </view>
+        <view class="order-goods">
+          <image class="goods-img" src="{{item.goodsImg}}" mode="aspectFill"></image>
+          <view class="goods-info">
+            <text class="goods-name">{{item.goodsName}}</text>
+            <text class="goods-spec">{{item.spec}}</text>
+            <view class="goods-price-row">
+              <text class="goods-price">¥{{item.price}}</text>
+              <text class="goods-count">x{{item.count}}</text>
+            </view>
+          </view>
+        </view>
+        <view class="order-footer">
+          <text class="order-total">合计: ¥{{item.totalPrice}}</text>
+          <view class="order-actions">
+            <view
+              wx:if="{{item.status === 'unpaid'}}"
+              class="btn btn-primary"
+              bindtap="payOrder(item.id)"
+            >
+              <text class="btn-text">去支付</text>
+            </view>
+            <view
+              wx:if="{{item.status === 'shipped'}}"
+              class="btn btn-default"
+              bindtap="confirmReceive(item.id)"
+            >
+              <text class="btn-default-text">确认收货</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view wx:if="{{loading}}" class="loading">
+      <text class="loading-text">加载中...</text>
+    </view>
+    <view wx:if="{{!loading && orders.length === 0}}" class="empty">
+      <text class="empty-text">暂无订单</text>
+    </view>
+  </scroll-view>
+</template>
+
+<script>
+import mpx, { createPage } from '@mpxjs/core'
+
+createPage({
+  data: {
+    activeTab: 'all',
+    tabs: [
+      { key: 'all', label: '全部', badge: 0 },
+      { key: 'unpaid', label: '待付款', badge: 3 },
+      { key: 'shipped', label: '待收货', badge: 1 },
+      { key: 'completed', label: '已完成', badge: 0 }
+    ],
+    orders: [],
+    loading: false,
+    isRefreshing: false,
+    statusColorMap: { unpaid: '#ff4d4f', shipped: '#1677ff', completed: '#52c41a' },
+    statusTextMap: { unpaid: '待付款', shipped: '已发货', completed: '已完成' }
+  },
+  onLoad () {
+    this.fetchOrders()
+  },
+  // todo: onPullDownRefresh 在 RN 平台无效，RN 侧通过 scroll-view refresher 能力实现等效下拉刷新
+  onPullDownRefresh () {
+    this.fetchOrders()
+  },
+  // todo: onReachBottom 在 RN 平台无效，RN 侧通过 scroll-view bindscrolltolower 实现等效触底加载
+  onReachBottom () {
+    this.loadMore()
+  },
+  methods: {
+    // RN 下拉刷新处理（scroll-view refresher）
+    onPullDownRefreshRN () {
+      this.isRefreshing = true
+      this.fetchOrders(() => {
+        this.isRefreshing = false
+      })
+    },
+    // RN 触底加载处理（scroll-view scrolltolower）
+    onReachBottomRN () {
+      this.loadMore()
+    },
+    switchTab (key) {
+      this.activeTab = key
+      this.fetchOrders()
+    },
+    goOrderDetail (id) {
+      mpx.navigateTo({ url: '/pages/order-detail?id=' + id })
+    },
+    showActions (id, status) {
+      mpx.showActionSheet({
+        itemList: status === 'unpaid' ? ['取消订单', '联系客服'] : ['联系客服'],
+        success: (res) => {
+          if (res.tapIndex === 0 && status === 'unpaid') {
+            this.cancelOrder(id)
+          }
+        }
+      })
+    },
+    payOrder (id) {
+      mpx.navigateTo({ url: '/pages/pay?orderId=' + id })
+    },
+    confirmReceive (id) {
+      mpx.showModal({
+        title: '确认收货',
+        content: '确认已收到商品？',
+        success: (res) => {
+          if (res.confirm) {
+            this.doConfirmReceive(id)
+          }
+        }
+      })
+    },
+    fetchOrders (callback) {
+      this.loading = true
+      mpx.request({
+        url: '/api/orders',
+        data: { status: this.activeTab },
+        success: (res) => {
+          this.orders = res.data.list
+          this.loading = false
+          if (callback) callback()
+        }
+      })
+    },
+    loadMore () {},
+    cancelOrder (id) {},
+    doConfirmReceive (id) {}
+  }
+})
+</script>
+
+<style lang="less">
+.order-page {
+  padding: 0 24rpx;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.tab-bar {
+  display: flex;
+  flex-direction: row;
+  padding: 20rpx 0;
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+}
+
+.tab {
+  flex: 1;
+  position: relative;
+  padding: 12rpx 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.tab-text {
+  font-size: 28rpx;
+}
+
+.tabTextActive {
+  color: #1677ff;
+  font-weight: bold;
+}
+
+.badge {
+  position: absolute;
+  top: 0;
+  right: 20rpx;
+  background: #ff4d4f;
+  border-radius: 16rpx;
+  padding: 0 8rpx;
+  min-width: 28rpx;
+  height: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.badge-text {
+  font-size: 20rpx;
+  color: #fff;
+}
+
+.order-item {
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+  padding: 24rpx;
+}
+
+.order-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+
+.order-no {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-status {
+  font-size: 26rpx;
+  font-weight: bold;
+}
+
+.order-goods {
+  display: flex;
+  flex-direction: row;
+  padding: 16rpx 0;
+  border-top: 1rpx solid #f0f0f0;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.goods-img {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 8rpx;
+  margin-right: 16rpx;
+}
+
+.goods-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.goods-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.goods-spec {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.goods-price-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.goods-price {
+  font-size: 28rpx;
+  color: #ff4d4f;
+  font-weight: bold;
+}
+
+.goods-count {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16rpx;
+}
+
+.order-total {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.order-actions {
+  display: flex;
+  flex-direction: row;
+}
+
+.btn {
+  padding: 10rpx 24rpx;
+  border-radius: 32rpx;
+  margin-left: 16rpx;
+}
+
+.btn-primary {
+  background: #1677ff;
+}
+
+.btn-default {
+  background: #fff;
+  border: 1rpx solid #ddd;
+}
+
+.btn-text {
+  font-size: 24rpx;
+  color: #fff;
+}
+
+.btn-default-text {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 40rpx;
+}
+
+.loading-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
+.empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 80rpx;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+}
+</style>
+
+<script name="json">
+const isRN = __mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony'
+
+module.exports = isRN ? {
+  usingComponents: {},
+  navigationBarTitleText: 'My Orders',
+  disableScroll: true
+} : {
+  usingComponents: {},
+  navigationBarTitleText: 'My Orders',
+  enablePullDownRefresh: true,
+  onReachBottomDistance: 50
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_original/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_original/run-1/grading.json
new file mode 100644
index 0000000000..65587f9027
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/mpx2rn_original/run-1/grading.json
@@ -0,0 +1,67 @@
+{
+  "eval_id": 1,
+  "run_kind": "mpx2rn_original",
+  "expectations": [
+    {
+      "id": "t0",
+      "text": "template: dynamic class via wx:class (not class string interpolation)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t1",
+      "text": "template: event params use inline syntax (not data- dataset)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t2",
+      "text": "template: no method calls in Mustache (getStatusColor/getStatusText replaced)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t3",
+      "text": "template: page scroll replaced with scroll-view",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t4",
+      "text": "template: scroll-view has bindscrolltolower or equivalent",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t5",
+      "text": "script: all wx.xxx API replaced with mpx.xxx",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t6",
+      "text": "script: no e.target.dataset usage",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t7",
+      "text": "style on RN: no .btn-default .btn-text compound selector",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t8",
+      "text": "template: wx:style object keys use unquoted camelCase (no quoted or kebab-case keys)",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 1.0,
+    "passed": 9,
+    "failed": 0,
+    "total": 9
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/no_skill/outputs/order-list.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/no_skill/outputs/order-list.mpx
new file mode 100644
index 0000000000..fc0cc7ce0c
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/no_skill/outputs/order-list.mpx
@@ -0,0 +1,353 @@
+<template>
+  <view class="order-page">
+    <view class="tab-bar">
+      <view
+        class="tab {{activeTab === item.key ? 'tab-active' : ''}}"
+        wx:for="{{tabs}}"
+        wx:key="key"
+        bindtap="switchTab(item.key)"
+      >
+        <text class="tab-text">{{item.label}}</text>
+        <view wx:if="{{item.badge > 0}}" class="badge">
+          <text class="badge-text">{{item.badge > 99 ? '99+' : item.badge}}</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="order-list">
+      <view
+        class="order-item"
+        wx:for="{{orders}}"
+        wx:key="id"
+        bindtap="goOrderDetail(item.id)"
+        bindlongpress="showActions(item.id, item.status)"
+      >
+        <view class="order-header">
+          <text class="order-no">订单号: {{item.orderNo}}</text>
+          <text class="order-status" style="{{getStatusStyle(item.status)}}">{{getStatusText(item.status)}}</text>
+        </view>
+        <view class="order-goods">
+          <image class="goods-img" src="{{item.goodsImg}}" mode="aspectFill"></image>
+          <view class="goods-info">
+            <text class="goods-name">{{item.goodsName}}</text>
+            <text class="goods-spec">{{item.spec}}</text>
+            <view class="goods-price-row">
+              <text class="goods-price">¥{{item.price}}</text>
+              <text class="goods-count">x{{item.count}}</text>
+            </view>
+          </view>
+        </view>
+        <view class="order-footer">
+          <text class="order-total">合计: ¥{{item.totalPrice}}</text>
+          <view class="order-actions">
+            <view
+              wx:if="{{item.status === 'unpaid'}}"
+              class="btn btn-primary"
+              bindtap="payOrder(item.id)"
+            >
+              <text class="btn-text">去支付</text>
+            </view>
+            <view
+              wx:if="{{item.status === 'shipped'}}"
+              class="btn btn-default"
+              bindtap="confirmReceive(item.id)"
+            >
+              <text class="btn-text btn-text-dark">确认收货</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view wx:if="{{loading}}" class="loading">
+      <text class="loading-text">加载中...</text>
+    </view>
+    <view wx:if="{{!loading && orders.length === 0}}" class="empty">
+      <text class="empty-text">暂无订单</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createPage } from '@mpxjs/core'
+import mpx from '@mpxjs/core'
+
+createPage({
+  data: {
+    activeTab: 'all',
+    tabs: [
+      { key: 'all', label: '全部', badge: 0 },
+      { key: 'unpaid', label: '待付款', badge: 3 },
+      { key: 'shipped', label: '待收货', badge: 1 },
+      { key: 'completed', label: '已完成', badge: 0 }
+    ],
+    orders: [],
+    loading: false
+  },
+  onLoad () {
+    this.fetchOrders()
+  },
+  onPullDownRefresh () {
+    this.fetchOrders()
+  },
+  onReachBottom () {
+    this.loadMore()
+  },
+  methods: {
+    getStatusColor (status) {
+      const map = { unpaid: '#ff4d4f', shipped: '#1677ff', completed: '#52c41a' }
+      return map[status] || '#999'
+    },
+    getStatusStyle (status) {
+      return { color: this.getStatusColor(status) }
+    },
+    getStatusText (status) {
+      const map = { unpaid: '待付款', shipped: '已发货', completed: '已完成' }
+      return map[status] || '未知'
+    },
+    switchTab (key) {
+      this.activeTab = key
+      this.fetchOrders()
+    },
+    goOrderDetail (id) {
+      mpx.navigateTo({ url: '/pages/order-detail?id=' + id })
+    },
+    showActions (id, status) {
+      mpx.showActionSheet({
+        itemList: status === 'unpaid' ? ['取消订单', '联系客服'] : ['联系客服'],
+        success: (res) => {
+          if (res.tapIndex === 0 && status === 'unpaid') {
+            this.cancelOrder(id)
+          }
+        }
+      })
+    },
+    payOrder (id) {
+      mpx.navigateTo({ url: '/pages/pay?orderId=' + id })
+    },
+    confirmReceive (id) {
+      mpx.showModal({
+        title: '确认收货',
+        content: '确认已收到商品？',
+        success: (res) => {
+          if (res.confirm) {
+            this.doConfirmReceive(id)
+          }
+        }
+      })
+    },
+    fetchOrders () {
+      this.loading = true
+      mpx.request({
+        url: '/api/orders',
+        data: { status: this.activeTab },
+        success: (res) => {
+          this.orders = res.data.list
+          this.loading = false
+        },
+        fail: () => {
+          this.loading = false
+        }
+      })
+    },
+    loadMore () {},
+    cancelOrder (id) {},
+    doConfirmReceive (id) {}
+  }
+})
+</script>
+
+<style lang="less">
+.order-page {
+  padding: 0 24rpx;
+  background: #f5f5f5;
+  min-height: 100%;
+}
+
+.tab-bar {
+  display: flex;
+  padding: 20rpx 0;
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+}
+
+.tab {
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding: 12rpx 0;
+}
+
+.tab-active .tab-text {
+  color: #1677ff;
+  font-weight: bold;
+}
+
+.tab-text {
+  font-size: 28rpx;
+  text-align: center;
+}
+
+.badge {
+  position: absolute;
+  top: 0;
+  right: 20rpx;
+  background: #ff4d4f;
+  border-radius: 16rpx;
+  padding: 0 8rpx;
+  min-width: 28rpx;
+  height: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.badge-text {
+  font-size: 20rpx;
+  color: #fff;
+}
+
+.order-item {
+  background: #fff;
+  border-radius: 8rpx;
+  margin-bottom: 16rpx;
+  padding: 24rpx;
+}
+
+.order-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+
+.order-no {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-status {
+  font-size: 26rpx;
+  font-weight: bold;
+}
+
+.order-goods {
+  display: flex;
+  padding: 16rpx 0;
+  border-top: 1rpx solid #f0f0f0;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.goods-img {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 8rpx;
+  margin-right: 16rpx;
+}
+
+.goods-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.goods-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.goods-spec {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.goods-price-row {
+  display: flex;
+  justify-content: space-between;
+}
+
+.goods-price {
+  font-size: 28rpx;
+  color: #ff4d4f;
+  font-weight: bold;
+}
+
+.goods-count {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.order-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16rpx;
+}
+
+.order-total {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.order-actions {
+  display: flex;
+}
+
+.btn {
+  padding: 10rpx 24rpx;
+  border-radius: 32rpx;
+  margin-left: 16rpx;
+}
+
+.btn-primary {
+  background: #1677ff;
+}
+
+.btn-default {
+  background: #fff;
+  border: 1rpx solid #ddd;
+}
+
+.btn-text {
+  font-size: 24rpx;
+  color: #fff;
+}
+
+.btn-text-dark {
+  color: #333;
+}
+
+.loading {
+  align-items: center;
+  padding: 40rpx;
+}
+
+.loading-text {
+  font-size: 26rpx;
+  color: #999;
+  text-align: center;
+}
+
+.empty {
+  align-items: center;
+  padding: 80rpx;
+}
+
+.empty-text {
+  font-size: 28rpx;
+  color: #999;
+  text-align: center;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "My Orders",
+  "enablePullDownRefresh": true,
+  "onReachBottomDistance": 50
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/no_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/no_skill/run-1/grading.json
new file mode 100644
index 0000000000..5c4eb535e1
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-1-template-adaptation/no_skill/run-1/grading.json
@@ -0,0 +1,67 @@
+{
+  "eval_id": 1,
+  "run_kind": "no_skill",
+  "expectations": [
+    {
+      "id": "t0",
+      "text": "template: dynamic class via wx:class (not class string interpolation)",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "t1",
+      "text": "template: event params use inline syntax (not data- dataset)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t2",
+      "text": "template: no method calls in Mustache (getStatusColor/getStatusText replaced)",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "t3",
+      "text": "template: page scroll replaced with scroll-view",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "t4",
+      "text": "template: scroll-view has bindscrolltolower or equivalent",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "t5",
+      "text": "script: all wx.xxx API replaced with mpx.xxx",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t6",
+      "text": "script: no e.target.dataset usage",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t7",
+      "text": "style on RN: no .btn-default .btn-text compound selector",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "t8",
+      "text": "template: wx:style object keys use unquoted camelCase (no quoted or kebab-case keys)",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.5556,
+    "passed": 5,
+    "failed": 4,
+    "total": 9
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/eval_metadata.json
new file mode 100644
index 0000000000..38917e2022
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/eval_metadata.json
@@ -0,0 +1,19 @@
+{
+  "eval_id": 2,
+  "eval_name": "script-json-adaptation",
+  "complexity": "normal",
+  "focus": "script/json",
+  "prompt": "请对附件中的 user-profile.mpx 页面进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+  "files": ["input/user-profile.mpx"],
+  "assertions": [
+    {"id": "j0", "text": "script: all wx.xxx API replaced with mpx.xxx (request/navigateTo/showModal/getStorageSync/setStorageSync/removeStorageSync/showToast/reLaunch)", "category": "script"},
+    {"id": "j1", "text": "script: onShareTimeline removed or isolated with conditional compile (RN unsupported)", "category": "script"},
+    {"id": "j2", "text": "script: onTabItemTap removed or isolated with conditional compile (RN unsupported)", "category": "script"},
+    {"id": "j3", "text": "script: setTabBarBadge/removeTabBarBadge isolated with conditional compile (RN unsupported)", "category": "script"},
+    {"id": "j4", "text": "script: wx.getUserProfile isolated or replaced (RN unsupported)", "category": "script"},
+    {"id": "j5", "text": "script: no e.target.dataset usage (event params via inline syntax or e.currentTarget.dataset)", "category": "script"},
+    {"id": "j7", "text": "json: enablePullDownRefresh handled for RN (page not scrollable by default)", "category": "json"},
+    {"id": "j8", "text": "template: data- attributes removed (inline event params used instead)", "category": "template"},
+    {"id": "j9", "text": "script: onShareAppMessage preserved (RN supported, should not be removed)", "category": "script"}
+  ]
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/input/user-profile.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/input/user-profile.mpx
new file mode 100644
index 0000000000..33eb87354b
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/input/user-profile.mpx
@@ -0,0 +1,216 @@
+<template>
+  <view class="profile-page">
+    <view class="user-section">
+      <image class="avatar" src="{{userInfo.avatarUrl}}" mode="aspectFill"></image>
+      <view class="user-info">
+        <text class="nickname">{{userInfo.nickName}}</text>
+        <text class="user-id">ID: {{userInfo.userId}}</text>
+      </view>
+    </view>
+    <view class="menu-list">
+      <view class="menu-item" wx:for="{{menuItems}}" wx:key="id" bindtap="onMenuTap" data-item="{{item}}">
+        <text class="menu-label">{{item.label}}</text>
+        <text class="menu-arrow">></text>
+      </view>
+    </view>
+    <view class="action-section">
+      <view class="btn-logout" bindtap="logout">
+        <text class="btn-text">退出登录</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createPage } from '@mpxjs/core'
+
+createPage({
+  data: {
+    userInfo: {},
+    menuItems: [
+      { id: 1, label: '我的订单', path: '/pages/orders' },
+      { id: 2, label: '收货地址', path: '/pages/address' },
+      { id: 3, label: '账户设置', path: '/pages/settings' },
+      { id: 4, label: '关于我们', path: '/pages/about' }
+    ],
+    locationInfo: null
+  },
+  onLoad () {
+    this.loadUserInfo()
+    this.getLocation()
+  },
+  onShow () {
+    this.refreshBadge()
+  },
+  onShareTimeline () {
+    return {
+      title: '来看看我的主页',
+      imageUrl: this.userInfo.avatarUrl
+    }
+  },
+  onShareAppMessage () {
+    return {
+      title: '推荐给你这个应用',
+      path: '/pages/index'
+    }
+  },
+  onTabItemTap (item) {
+    if (item.index === 0) {
+      this.refreshData()
+    }
+  },
+  methods: {
+    loadUserInfo () {
+      const cachedInfo = wx.getStorageSync('userInfo')
+      if (cachedInfo) {
+        this.userInfo = JSON.parse(cachedInfo)
+      } else {
+        wx.getUserProfile({
+          desc: '用于展示用户信息',
+          success: (res) => {
+            this.userInfo = res.userInfo
+            wx.setStorageSync('userInfo', JSON.stringify(res.userInfo))
+          },
+          fail: () => {
+            wx.showToast({ title: '获取信息失败', icon: 'none' })
+          }
+        })
+      }
+    },
+    getLocation () {
+      wx.getLocation({
+        type: 'gcj02',
+        success: (res) => {
+          this.locationInfo = { lat: res.latitude, lng: res.longitude }
+          wx.setStorageSync('lastLocation', JSON.stringify(this.locationInfo))
+        }
+      })
+    },
+    onMenuTap (e) {
+      const item = e.target.dataset.item
+      wx.navigateTo({ url: item.path })
+    },
+    logout () {
+      wx.showModal({
+        title: '确认退出',
+        content: '确定要退出登录吗？',
+        success: (res) => {
+          if (res.confirm) {
+            wx.removeStorageSync('userInfo')
+            wx.removeStorageSync('token')
+            wx.reLaunch({ url: '/pages/login' })
+          }
+        }
+      })
+    },
+    refreshBadge () {
+      wx.request({
+        url: '/api/user/badge',
+        header: { Authorization: 'Bearer ' + wx.getStorageSync('token') },
+        success: (res) => {
+          if (res.data.orderCount > 0) {
+            wx.setTabBarBadge({
+              index: 2,
+              text: String(res.data.orderCount)
+            })
+          } else {
+            wx.removeTabBarBadge({ index: 2 })
+          }
+        }
+      })
+    },
+    refreshData () {}
+  }
+})
+</script>
+
+<style lang="less">
+.profile-page {
+  padding: 24rpx;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.user-section {
+  display: flex;
+  align-items: center;
+  padding: 32rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.avatar {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 50%;
+  margin-right: 24rpx;
+}
+
+.user-info {
+  flex: 1;
+}
+
+.nickname {
+  font-size: 34rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.user-id {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.menu-list {
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.menu-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 28rpx 32rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.menu-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.menu-arrow {
+  font-size: 28rpx;
+  color: #ccc;
+}
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+.btn-logout {
+  background: #fff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  text-align: center;
+}
+
+.btn-text {
+  font-size: 30rpx;
+  color: #ff4d4f;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "个人中心",
+  "enablePullDownRefresh": true,
+  "onReachBottomDistance": 50,
+  "navigationBarBackgroundColor": "#ffffff",
+  "backgroundTextStyle": "dark"
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_gene/outputs/user-profile.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_gene/outputs/user-profile.mpx
new file mode 100644
index 0000000000..304f350641
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_gene/outputs/user-profile.mpx
@@ -0,0 +1,244 @@
+<template>
+  <scroll-view class="profile-page" scroll-y>
+    <view class="user-section">
+      <image class="avatar" src="{{userInfo.avatarUrl}}" mode="aspectFill"></image>
+      <view class="user-info">
+        <text class="nickname">{{userInfo.nickName}}</text>
+        <text class="user-id">ID: {{userInfo.userId}}</text>
+      </view>
+    </view>
+    <view class="menu-list">
+      <view class="menu-item" wx:for="{{menuItems}}" wx:key="id" bindtap="onMenuTap" data-item="{{item}}">
+        <text class="menu-label">{{item.label}}</text>
+        <text class="menu-arrow">></text>
+      </view>
+    </view>
+    <view class="action-section">
+      <view class="btn-logout" bindtap="logout">
+        <text class="btn-text">退出登录</text>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+
+<script>
+import mpx, { createPage } from '@mpxjs/core'
+
+createPage({
+  data: {
+    userInfo: {},
+    menuItems: [
+      { id: 1, label: '我的订单', path: '/pages/orders' },
+      { id: 2, label: '收货地址', path: '/pages/address' },
+      { id: 3, label: '账户设置', path: '/pages/settings' },
+      { id: 4, label: '关于我们', path: '/pages/about' }
+    ],
+    locationInfo: null
+  },
+  onLoad () {
+    this.loadUserInfo()
+    this.getLocation()
+  },
+  onShow () {
+    this.refreshBadge()
+  },
+  onShareAppMessage () {
+    return {
+      title: '推荐给你这个应用',
+      path: '/pages/index'
+    }
+  },
+  // onShareTimeline 输出 RN 时无效，通过条件编译仅保留原平台
+  // onTabItemTap 输出 RN 时无效，通过条件编译仅保留原平台
+  methods: {
+    loadUserInfo () {
+      const cachedInfo = mpx.getStorageSync('userInfo')
+      if (cachedInfo) {
+        this.userInfo = JSON.parse(cachedInfo)
+      } else {
+        if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') {
+          mpx.getUserProfile({
+            desc: '用于展示用户信息',
+            success: (res) => {
+              this.userInfo = res.userInfo
+              mpx.setStorageSync('userInfo', JSON.stringify(res.userInfo))
+            },
+            fail: () => {
+              mpx.showToast({ title: '获取信息失败', icon: 'none' })
+            }
+          })
+        } else {
+          mpx.showToast({ title: '获取信息失败', icon: 'none' })
+        }
+      }
+    },
+    getLocation () {
+      mpx.getLocation({
+        type: 'gcj02',
+        success: (res) => {
+          this.locationInfo = { lat: res.latitude, lng: res.longitude }
+          mpx.setStorageSync('lastLocation', JSON.stringify(this.locationInfo))
+        }
+      })
+    },
+    onMenuTap (e) {
+      const item = e.target.dataset.item
+      mpx.navigateTo({ url: item.path })
+    },
+    logout () {
+      mpx.showModal({
+        title: '确认退出',
+        content: '确定要退出登录吗？',
+        success: (res) => {
+          if (res.confirm) {
+            mpx.removeStorageSync('userInfo')
+            mpx.removeStorageSync('token')
+            mpx.reLaunch({ url: '/pages/login' })
+          }
+        }
+      })
+    },
+    refreshBadge () {
+      mpx.request({
+        url: '/api/user/badge',
+        header: { Authorization: 'Bearer ' + mpx.getStorageSync('token') },
+        success: (res) => {
+          if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') {
+            if (res.data.orderCount > 0) {
+              mpx.setTabBarBadge({
+                index: 2,
+                text: String(res.data.orderCount)
+              })
+            } else {
+              mpx.removeTabBarBadge({ index: 2 })
+            }
+          }
+        }
+      })
+    },
+    refreshData () {}
+  },
+  onShareTimeline () {
+    if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') {
+      return {
+        title: '来看看我的主页',
+        imageUrl: this.userInfo.avatarUrl
+      }
+    }
+  },
+  onTabItemTap (item) {
+    if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') {
+      if (item.index === 0) {
+        this.refreshData()
+      }
+    }
+  }
+})
+</script>
+
+<style lang="less">
+.profile-page {
+  padding: 24rpx;
+  background: #f5f5f5;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  min-height: 100vh;
+  /* @mpx-endif */
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  flex: 1;
+  /* @mpx-endif */
+}
+
+.user-section {
+  display: flex;
+  align-items: center;
+  padding: 32rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.avatar {
+  width: 120rpx;
+  height: 120rpx;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  border-radius: 50%;
+  /* @mpx-endif */
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  border-radius: 60rpx;
+  /* @mpx-endif */
+  margin-right: 24rpx;
+}
+
+.user-info {
+  flex: 1;
+}
+
+.nickname {
+  font-size: 34rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.user-id {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.menu-list {
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.menu-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 28rpx 32rpx;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  border-bottom: 1rpx solid #f0f0f0;
+  /* @mpx-endif */
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  border-bottom-width: hairlineWidth;
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+  /* @mpx-endif */
+}
+
+.menu-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.menu-arrow {
+  font-size: 28rpx;
+  color: #ccc;
+}
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+.btn-logout {
+  background: #fff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  text-align: center;
+}
+
+.btn-text {
+  font-size: 30rpx;
+  color: #ff4d4f;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "个人中心",
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "dark",
+  "disableScroll": true
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_gene/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_gene/run-1/grading.json
new file mode 100644
index 0000000000..86e18f5d96
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_gene/run-1/grading.json
@@ -0,0 +1,67 @@
+{
+  "eval_id": 2,
+  "run_kind": "mpx2rn_gene",
+  "expectations": [
+    {
+      "id": "j0",
+      "text": "script: all wx.xxx API replaced with mpx.xxx",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j1",
+      "text": "script: onShareTimeline removed or isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j2",
+      "text": "script: onTabItemTap removed or isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j3",
+      "text": "script: setTabBarBadge/removeTabBarBadge isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j4",
+      "text": "script: wx.getUserProfile isolated or replaced",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j5",
+      "text": "script: no e.target.dataset usage",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "j7",
+      "text": "json: enablePullDownRefresh handled for RN",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j8",
+      "text": "template: data- attributes removed (inline event params used)",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "j9",
+      "text": "script: onShareAppMessage preserved (RN supported, should not be removed)",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.7778,
+    "passed": 7,
+    "failed": 2,
+    "total": 9
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_original/outputs/user-profile.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_original/outputs/user-profile.mpx
new file mode 100644
index 0000000000..2206e56b47
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_original/outputs/user-profile.mpx
@@ -0,0 +1,277 @@
+<template>
+  <view class="profile-page">
+    <view class="user-section">
+      <image class="avatar" src="{{userInfo.avatarUrl}}" mode="aspectFill"></image>
+      <view class="user-info">
+        <text class="nickname">{{userInfo.nickName}}</text>
+        <text class="user-id">ID: {{userInfo.userId}}</text>
+      </view>
+    </view>
+    <view class="menu-list">
+      <view class="menu-item" wx:for="{{menuItems}}" wx:key="id" bindtap="onMenuTap(item)">
+        <text class="menu-label">{{item.label}}</text>
+        <text class="menu-arrow">></text>
+      </view>
+    </view>
+    <view class="action-section">
+      <view class="btn-logout" bindtap="logout">
+        <text class="btn-text">退出登录</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import mpx, { createPage } from '@mpxjs/core'
+
+const isRN = __mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony'
+
+const pageOptions = {
+  data: {
+    userInfo: {},
+    menuItems: [
+      { id: 1, label: '我的订单', path: '/pages/orders' },
+      { id: 2, label: '收货地址', path: '/pages/address' },
+      { id: 3, label: '账户设置', path: '/pages/settings' },
+      { id: 4, label: '关于我们', path: '/pages/about' }
+    ],
+    locationInfo: null
+  },
+  onLoad () {
+    this.loadUserInfo()
+    this.getLocation()
+  },
+  onShow () {
+    this.refreshBadge()
+  },
+  onShareAppMessage () {
+    return {
+      title: '推荐给你这个应用',
+      path: '/pages/index'
+    }
+  },
+  methods: {
+    loadUserInfo () {
+      if (isRN) {
+        // todo: RN 平台不支持 getStorageSync / setStorageSync，改用异步 getStorage / setStorage；getUserProfile 在 RN 不支持，改为读取异步缓存
+        mpx.getStorage({
+          key: 'userInfo',
+          success: (res) => {
+            if (res.data) {
+              this.userInfo = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
+            }
+          }
+        })
+      } else {
+        const cachedInfo = mpx.getStorageSync('userInfo')
+        if (cachedInfo) {
+          this.userInfo = JSON.parse(cachedInfo)
+        } else {
+          mpx.getUserProfile({
+            desc: '用于展示用户信息',
+            success: (res) => {
+              this.userInfo = res.userInfo
+              mpx.setStorageSync('userInfo', JSON.stringify(res.userInfo))
+            },
+            fail: () => {
+              mpx.showToast({ title: '获取信息失败', icon: 'none' })
+            }
+          })
+        }
+      }
+    },
+    getLocation () {
+      mpx.getLocation({
+        type: 'gcj02',
+        success: (res) => {
+          this.locationInfo = { lat: res.latitude, lng: res.longitude }
+          if (isRN) {
+            // todo: RN 平台不支持 setStorageSync，改用异步 setStorage
+            mpx.setStorage({
+              key: 'lastLocation',
+              data: JSON.stringify(this.locationInfo)
+            })
+          } else {
+            mpx.setStorageSync('lastLocation', JSON.stringify(this.locationInfo))
+          }
+        }
+      })
+    },
+    onMenuTap (item) {
+      mpx.navigateTo({ url: item.path })
+    },
+    logout () {
+      mpx.showModal({
+        title: '确认退出',
+        content: '确定要退出登录吗？',
+        success: (res) => {
+          if (res.confirm) {
+            mpx.removeStorageSync('userInfo')
+            mpx.removeStorageSync('token')
+            mpx.reLaunch({ url: '/pages/login' })
+          }
+        }
+      })
+    },
+    refreshBadge () {
+      if (isRN) {
+        // todo: getStorageSync 在 RN 不支持，改用异步 getStorage 获取 token；setTabBarBadge / removeTabBarBadge 在 RN 不支持，已通过条件编译隔离
+        mpx.getStorage({
+          key: 'token',
+          success: (res) => {
+            const token = res.data || ''
+            mpx.request({
+              url: '/api/user/badge',
+              header: { Authorization: 'Bearer ' + token },
+              success: () => {}
+            })
+          }
+        })
+      } else {
+        mpx.request({
+          url: '/api/user/badge',
+          header: { Authorization: 'Bearer ' + mpx.getStorageSync('token') },
+          success: (res) => {
+            if (res.data.orderCount > 0) {
+              mpx.setTabBarBadge({
+                index: 2,
+                text: String(res.data.orderCount)
+              })
+            } else {
+              mpx.removeTabBarBadge({ index: 2 })
+            }
+          }
+        })
+      }
+    },
+    refreshData () {}
+  }
+}
+
+if (!isRN) {
+  // todo: onShareTimeline 在 RN 平台不支持，仅在原平台注册
+  pageOptions.onShareTimeline = function () {
+    return {
+      title: '来看看我的主页',
+      imageUrl: this.userInfo.avatarUrl
+    }
+  }
+  // todo: onTabItemTap 在 RN 平台不支持，仅在原平台注册
+  pageOptions.onTabItemTap = function (item) {
+    if (item.index === 0) {
+      this.refreshData()
+    }
+  }
+}
+
+createPage(pageOptions)
+</script>
+
+<style lang="less">
+.profile-page {
+  padding: 24rpx;
+  background: #f5f5f5;
+  min-height: 100vh;
+}
+
+.user-section {
+  display: flex;
+  align-items: center;
+  padding: 32rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.avatar {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 60rpx;
+  margin-right: 24rpx;
+}
+
+.user-info {
+  flex: 1;
+}
+
+.nickname {
+  font-size: 34rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.user-id {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.menu-list {
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.menu-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 28rpx 32rpx;
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+  border-bottom-width: hairlineWidth;
+  /* @mpx-else */
+  border-bottom: 1rpx solid #f0f0f0;
+  /* @mpx-endif */
+}
+
+.menu-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.menu-arrow {
+  font-size: 28rpx;
+  color: #ccc;
+}
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+.btn-logout {
+  background: #fff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  text-align: center;
+}
+
+.btn-text {
+  font-size: 30rpx;
+  color: #ff4d4f;
+}
+</style>
+
+<script name="json">
+const isRN = __mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony'
+
+if (isRN) {
+  // todo: enablePullDownRefresh / onReachBottomDistance / backgroundTextStyle 在 RN 不支持，已通过条件编译隔离；RN 侧设置 disableScroll: true，页面滚动应由 scroll-view 处理
+  module.exports = {
+    usingComponents: {},
+    navigationBarTitleText: '个人中心',
+    navigationBarBackgroundColor: '#ffffff',
+    disableScroll: true
+  }
+} else {
+  module.exports = {
+    usingComponents: {},
+    navigationBarTitleText: '个人中心',
+    enablePullDownRefresh: true,
+    onReachBottomDistance: 50,
+    navigationBarBackgroundColor: '#ffffff',
+    backgroundTextStyle: 'dark'
+  }
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_original/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_original/run-1/grading.json
new file mode 100644
index 0000000000..bf49d75b28
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/mpx2rn_original/run-1/grading.json
@@ -0,0 +1,67 @@
+{
+  "eval_id": 2,
+  "run_kind": "mpx2rn_original",
+  "expectations": [
+    {
+      "id": "j0",
+      "text": "script: all wx.xxx API replaced with mpx.xxx",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j1",
+      "text": "script: onShareTimeline removed or isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j2",
+      "text": "script: onTabItemTap removed or isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j3",
+      "text": "script: setTabBarBadge/removeTabBarBadge isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j4",
+      "text": "script: wx.getUserProfile isolated or replaced",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j5",
+      "text": "script: no e.target.dataset usage",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j7",
+      "text": "json: enablePullDownRefresh handled for RN",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j8",
+      "text": "template: data- attributes removed (inline event params used)",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j9",
+      "text": "script: onShareAppMessage preserved (RN supported, should not be removed)",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 1.0,
+    "passed": 9,
+    "failed": 0,
+    "total": 9
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/no_skill/outputs/user-profile.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/no_skill/outputs/user-profile.mpx
new file mode 100644
index 0000000000..a4ac966461
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/no_skill/outputs/user-profile.mpx
@@ -0,0 +1,194 @@
+<template>
+  <view class="profile-page">
+    <view class="user-section">
+      <image class="avatar" src="{{userInfo.avatarUrl}}" mode="aspectFill"></image>
+      <view class="user-info">
+        <text class="nickname">{{userInfo.nickName}}</text>
+        <text class="user-id">ID: {{userInfo.userId}}</text>
+      </view>
+    </view>
+    <view class="menu-list">
+      <view class="menu-item" wx:for="{{menuItems}}" wx:key="id" bindtap="onMenuTap" data-item="{{item}}">
+        <text class="menu-label">{{item.label}}</text>
+        <text class="menu-arrow">></text>
+      </view>
+    </view>
+    <view class="action-section">
+      <view class="btn-logout" bindtap="logout">
+        <text class="btn-text">退出登录</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createPage } from '@mpxjs/core'
+import mpx from '@mpxjs/core'
+
+createPage({
+  data: {
+    userInfo: {},
+    menuItems: [
+      { id: 1, label: '我的订单', path: '/pages/orders' },
+      { id: 2, label: '收货地址', path: '/pages/address' },
+      { id: 3, label: '账户设置', path: '/pages/settings' },
+      { id: 4, label: '关于我们', path: '/pages/about' }
+    ],
+    locationInfo: null
+  },
+  onLoad () {
+    this.loadUserInfo()
+    this.getLocation()
+  },
+  onShow () {
+    this.refreshBadge()
+  },
+  methods: {
+    loadUserInfo () {
+      const cachedInfo = mpx.getStorageSync('userInfo')
+      if (cachedInfo) {
+        this.userInfo = JSON.parse(cachedInfo)
+      } else {
+        mpx.showToast({ title: '暂无用户信息', icon: 'none' })
+      }
+    },
+    getLocation () {
+      mpx.getLocation({
+        type: 'gcj02',
+        success: (res) => {
+          this.locationInfo = { lat: res.latitude, lng: res.longitude }
+          mpx.setStorageSync('lastLocation', JSON.stringify(this.locationInfo))
+        },
+        fail: () => {}
+      })
+    },
+    onMenuTap (e) {
+      const item = e.currentTarget.dataset.item
+      mpx.navigateTo({ url: item.path })
+    },
+    logout () {
+      mpx.showModal({
+        title: '确认退出',
+        content: '确定要退出登录吗？',
+        success: (res) => {
+          if (res.confirm) {
+            mpx.removeStorageSync('userInfo')
+            mpx.removeStorageSync('token')
+            mpx.reLaunch({ url: '/pages/login' })
+          }
+        }
+      })
+    },
+    refreshBadge () {
+      mpx.request({
+        url: '/api/user/badge',
+        header: { Authorization: 'Bearer ' + mpx.getStorageSync('token') },
+        success: (res) => {
+          if (res.data && res.data.orderCount > 0) {
+            mpx.setTabBarBadge({
+              index: 2,
+              text: String(res.data.orderCount)
+            })
+          } else {
+            mpx.removeTabBarBadge({ index: 2 })
+          }
+        },
+        fail: () => {}
+      })
+    },
+    refreshData () {}
+  }
+})
+</script>
+
+<style lang="less">
+.profile-page {
+  padding: 24rpx;
+  background: #f5f5f5;
+  flex: 1;
+}
+
+.user-section {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 32rpx;
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.avatar {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 60rpx;
+  margin-right: 24rpx;
+}
+
+.user-info {
+  flex: 1;
+}
+
+.nickname {
+  font-size: 34rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.user-id {
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.menu-list {
+  background: #fff;
+  border-radius: 12rpx;
+  margin-bottom: 24rpx;
+}
+
+.menu-item {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 28rpx 32rpx;
+  border-bottom-width: 1rpx;
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+}
+
+.menu-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.menu-arrow {
+  font-size: 28rpx;
+  color: #ccc;
+}
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+.btn-logout {
+  background: #fff;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  align-items: center;
+}
+
+.btn-text {
+  font-size: 30rpx;
+  color: #ff4d4f;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "个人中心",
+  "navigationBarBackgroundColor": "#ffffff"
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/no_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/no_skill/run-1/grading.json
new file mode 100644
index 0000000000..db70644175
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-2-script-json-adaptation/no_skill/run-1/grading.json
@@ -0,0 +1,67 @@
+{
+  "eval_id": 2,
+  "run_kind": "no_skill",
+  "expectations": [
+    {
+      "id": "j0",
+      "text": "script: all wx.xxx API replaced with mpx.xxx",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j1",
+      "text": "script: onShareTimeline removed or isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j2",
+      "text": "script: onTabItemTap removed or isolated with conditional compile",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j3",
+      "text": "script: setTabBarBadge/removeTabBarBadge isolated with conditional compile",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "j4",
+      "text": "script: wx.getUserProfile isolated or replaced",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j5",
+      "text": "script: no e.target.dataset usage",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j7",
+      "text": "json: enablePullDownRefresh handled for RN",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "j8",
+      "text": "template: data- attributes removed (inline event params used)",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "j9",
+      "text": "script: onShareAppMessage preserved (RN supported, should not be removed)",
+      "passed": false,
+      "evidence": "FAIL"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.6667,
+    "passed": 6,
+    "failed": 3,
+    "total": 9
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/eval_metadata.json
new file mode 100644
index 0000000000..ad81f45086
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/eval_metadata.json
@@ -0,0 +1,20 @@
+{
+  "eval_id": 3,
+  "eval_name": "gradient-animation-interaction",
+  "complexity": "tricky",
+  "focus": "style/template/script/json",
+  "prompt": "请对附件中的 carousel-card.mpx 组件进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+  "files": ["input/carousel-card.mpx"],
+  "assertions": [
+    {"id": "g0", "text": "style: linear-gradient 中 transparent 替换为目标颜色的 rgba(r,g,b,0) 形式（RN 中 transparent 等于 rgba(0,0,0,0) 会产生灰色过渡带）", "category": "style"},
+    {"id": "g1", "text": "style: display:none 替换为 width:0;height:0;overflow:hidden 或使用 wx:if 条件渲染（RN 中 display:none 可能引发异常）", "category": "style"},
+    {"id": "g2", "text": "style: transition-property:all 替换为具体属性名（RN 不支持 transition-property: all）", "category": "style"},
+    {"id": "g3", "text": "template: 动态设置 background-image 的 view 上添加 enable-background 属性", "category": "template"},
+    {"id": "g4", "text": "template: 动态设置 transition 的 view 上添加 enable-animation=\"transition\" 属性", "category": "template"},
+    {"id": "g5", "text": "script: 生命周期钩子（onMounted/onShow 等）在 setup 中同步注册，不在 setTimeout/Promise.then 等异步回调中注册", "category": "script"},
+    {"id": "g6", "text": "script: onLoad 使用第二个参数 decodedQuery 进行跨平台 URL 参数解码", "category": "script"},
+    {"id": "g7", "text": "json: 需要条件编译的 JSON 配置使用 <script name=\"json\"> 格式（支持 if(__mpx_mode__) 逻辑），而非 <script type=\"application/json\">", "category": "json"},
+    {"id": "g8", "text": "style: 有 bindtap/bindlongpress 事件的元素不设置 opacity:0（iOS 中 opacity:0 会导致事件无法响应）", "category": "style"},
+    {"id": "g9", "text": "style: @keyframes 动画通过条件编译限制在非 RN 平台，或替换为 transition 实现", "category": "style"}
+  ]
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/input/carousel-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/input/carousel-card.mpx
new file mode 100644
index 0000000000..64557cbfb3
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/input/carousel-card.mpx
@@ -0,0 +1,267 @@
+<template>
+  <view class="carousel-card">
+    <view class="card-header">
+      <view class="gradient-overlay" wx:style="{{bgStyle}}">
+        <text class="card-title">{{title}}</text>
+        <text class="card-subtitle">{{subtitle}}</text>
+      </view>
+    </view>
+
+    <view class="card-body">
+      <view
+        wx:for="{{items}}"
+        wx:key="id"
+        class="card-item"
+        wx:style="{{animStyle}}"
+        bindtap="handleItemTap(item.id)"
+      >
+        <image class="item-image" src="{{item.cover}}" mode="aspectFill" />
+        <view class="item-info">
+          <text class="item-name">{{item.name}}</text>
+          <text class="item-price">{{item.price}}</text>
+        </view>
+        <view class="item-badge" wx:show="{{item.isNew}}">NEW</view>
+      </view>
+    </view>
+
+    <view class="card-footer">
+      <view
+        class="load-trigger"
+        id="load-trigger"
+      >
+        <text wx:if="{{loading}}">loading...</text>
+      </view>
+    </view>
+
+    <view
+      class="toast-mask"
+      wx:show="{{showToast}}"
+      bindtap="hideToast"
+    >
+      <view class="toast-content">{{toastMsg}}</view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted, computed } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    title: { type: String, value: 'Featured' },
+    subtitle: { type: String, value: '' }
+  },
+  setup (props, context) {
+    const items = ref([])
+    const loading = ref(false)
+    const showToast = ref(false)
+    const toastMsg = ref('')
+
+    const bgStyle = computed(() => {
+      return {
+        backgroundImage: `linear-gradient(180deg, #ff6b6b, transparent)`
+      }
+    })
+
+    const animStyle = computed(() => {
+      return {
+        transition: 'opacity 0.3s ease, transform 0.3s ease'
+      }
+    })
+
+    setTimeout(() => {
+      onMounted(() => {
+        initObserver()
+      })
+    }, 0)
+
+    function initObserver () {
+      const observer = context.createIntersectionObserver()
+      observer.relativeTo('.card-body .card-item').observe('#load-trigger', (res) => {
+        if (res.intersectionRatio > 0) {
+          loadMore()
+        }
+      })
+    }
+
+    function loadMore () {
+      if (loading.value) return
+      loading.value = true
+      mpx.request({
+        url: '/api/items',
+        data: { page: items.value.length / 10 + 1 },
+        success (res) {
+          items.value = items.value.concat(res.data.list)
+          loading.value = false
+        }
+      })
+    }
+
+    function handleItemTap (id) {
+      mpx.navigateTo({ url: `/pages/detail/index?id=${id}` })
+    }
+
+    function hideToast () {
+      showToast.value = false
+    }
+
+    return {
+      items,
+      loading,
+      showToast,
+      toastMsg,
+      bgStyle,
+      animStyle,
+      handleItemTap,
+      hideToast
+    }
+  }
+})
+</script>
+
+<style>
+.carousel-card {
+  width: 100%;
+  min-height: 100vh;
+}
+
+.card-header {
+  position: relative;
+  height: 360rpx;
+}
+
+.gradient-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+  padding: 30rpx;
+  background-image: linear-gradient(to bottom, #ff6b6b 0%, transparent 100%);
+  background-size: cover;
+}
+
+.card-title {
+  font-size: 36rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.card-subtitle {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.8);
+  margin-top: 8rpx;
+}
+
+.card-body {
+  padding: 20rpx;
+}
+
+.card-item {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 0;
+  border-bottom: 1px solid #eee;
+  transition: all 0.3s ease;
+}
+
+.card-item:active {
+  background-color: #f5f5f5;
+}
+
+.item-image {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+}
+
+.item-info {
+  flex: 1;
+  margin-left: 24rpx;
+}
+
+.item-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.item-price {
+  font-size: 32rpx;
+  color: #ff4d4f;
+  margin-top: 8rpx;
+  font-weight: bold;
+}
+
+.item-badge {
+  display: none;
+  padding: 4rpx 12rpx;
+  background-color: #ff4d4f;
+  color: #fff;
+  font-size: 20rpx;
+  border-radius: 4rpx;
+}
+
+.item-badge-visible {
+  display: flex;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(20rpx); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.card-item {
+  animation: fadeIn 0.5s ease forwards;
+}
+
+.toast-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+}
+
+.toast-mask-visible {
+  opacity: 1;
+}
+
+.toast-content {
+  padding: 24rpx 48rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+
+.card-footer {
+  padding: 20rpx;
+  text-align: center;
+}
+
+.load-trigger {
+  height: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {
+    "lottie-view": "../../components/lottie-view/index"
+  },
+  "componentPlaceholder": {
+    "lottie-view": "view"
+  }
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_gene/outputs/carousel-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_gene/outputs/carousel-card.mpx
new file mode 100644
index 0000000000..8ace8207ad
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_gene/outputs/carousel-card.mpx
@@ -0,0 +1,282 @@
+<template>
+  <view class="carousel-card">
+    <view class="card-header">
+      <view
+        class="gradient-overlay"
+        wx:style="{{bgStyle}}"
+        enable-background
+      >
+        <text class="card-title">{{title}}</text>
+        <text class="card-subtitle">{{subtitle}}</text>
+      </view>
+    </view>
+
+    <view class="card-body">
+      <view
+        wx:for="{{items}}"
+        wx:key="id"
+        class="card-item"
+        wx:style="{{animStyle}}"
+        enable-animation
+        hover-class="card-item-active"
+        hover-stay-time="{{100}}"
+        bindtap="handleItemTap(item.id)"
+      >
+        <image class="item-image" src="{{item.cover}}" mode="aspectFill" />
+        <view class="item-info">
+          <text class="item-name">{{item.name}}</text>
+          <text class="item-price">{{item.price}}</text>
+        </view>
+        <view class="item-badge" wx:if="{{item.isNew}}"><text class="item-badge-text">NEW</text></view>
+      </view>
+    </view>
+
+    <view class="card-footer">
+      <view
+        class="load-trigger"
+        id="load-trigger"
+        wx:ref
+      >
+        <text wx:if="{{loading}}">loading...</text>
+      </view>
+    </view>
+
+    <view
+      class="toast-mask"
+      wx:if="{{showToast}}"
+      bindtap="hideToast"
+    >
+      <view class="toast-content">{{toastMsg}}</view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted, computed } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    title: { type: String, value: 'Featured' },
+    subtitle: { type: String, value: '' }
+  },
+  setup (props, context) {
+    const items = ref([])
+    const loading = ref(false)
+    const showToast = ref(false)
+    const toastMsg = ref('')
+
+    const bgStyle = computed(() => {
+      return {
+        backgroundImage: `linear-gradient(180deg, #ff6b6b, rgba(255,107,107,0))`
+      }
+    })
+
+    const animStyle = computed(() => {
+      return {
+        transition: 'opacity 0.3s ease, transform 0.3s ease'
+      }
+    })
+
+    onMounted(() => {
+      initObserver()
+    })
+
+    function initObserver () {
+      const observer = context.createIntersectionObserver()
+      observer.relativeTo('.card-item').observe('#load-trigger', (res) => {
+        if (res.intersectionRatio > 0) {
+          loadMore()
+        }
+      })
+    }
+
+    function loadMore () {
+      if (loading.value) return
+      loading.value = true
+      mpx.request({
+        url: '/api/items',
+        data: { page: items.value.length / 10 + 1 },
+        success (res) {
+          items.value = items.value.concat(res.data.list)
+          loading.value = false
+        }
+      })
+    }
+
+    function handleItemTap (id) {
+      mpx.navigateTo({ url: `/pages/detail/index?id=${id}` })
+    }
+
+    function hideToast () {
+      showToast.value = false
+    }
+
+    return {
+      items,
+      loading,
+      showToast,
+      toastMsg,
+      bgStyle,
+      animStyle,
+      handleItemTap,
+      hideToast
+    }
+  }
+})
+</script>
+
+<style>
+.carousel-card {
+  width: 100%;
+  min-height: 100vh;
+}
+
+.card-header {
+  position: relative;
+  height: 360rpx;
+}
+
+.gradient-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+  padding: 30rpx;
+  background-image: linear-gradient(to bottom, #ff6b6b 0%, rgba(255, 107, 107, 0) 100%);
+  background-size: cover;
+}
+
+.card-title {
+  font-size: 36rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.card-subtitle {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.8);
+  margin-top: 8rpx;
+}
+
+.card-body {
+  padding: 20rpx;
+}
+
+.card-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: 24rpx;
+  padding-bottom: 24rpx;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #eee;
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+
+.card-item-active {
+  background-color: #f5f5f5;
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+.card-item {
+  animation: fadeIn 0.5s ease forwards;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(20rpx); }
+  to { opacity: 1; transform: translateY(0); }
+}
+/* @mpx-endif */
+
+.item-image {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+}
+
+.item-info {
+  flex: 1;
+  margin-left: 24rpx;
+}
+
+.item-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.item-price {
+  font-size: 32rpx;
+  color: #ff4d4f;
+  margin-top: 8rpx;
+  font-weight: bold;
+}
+
+.item-badge {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: 4rpx;
+  padding-bottom: 4rpx;
+  padding-left: 12rpx;
+  padding-right: 12rpx;
+  background-color: #ff4d4f;
+  border-radius: 4rpx;
+}
+
+.item-badge-text {
+  color: #fff;
+  font-size: 20rpx;
+}
+
+.toast-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.toast-content {
+  padding-top: 24rpx;
+  padding-bottom: 24rpx;
+  padding-left: 48rpx;
+  padding-right: 48rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+
+.card-footer {
+  padding: 20rpx;
+}
+
+.load-trigger {
+  height: 80rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {
+    "lottie-view": "../../components/lottie-view/index"
+  },
+  "componentPlaceholder": {
+    "lottie-view": "view"
+  }
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_gene/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_gene/run-1/grading.json
new file mode 100644
index 0000000000..bc6750f32c
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_gene/run-1/grading.json
@@ -0,0 +1,73 @@
+{
+  "eval_id": 3,
+  "run_kind": "mpx2rn_gene",
+  "expectations": [
+    {
+      "id": "g0",
+      "text": "style: linear-gradient 中 transparent 替换为 rgba 形式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g1",
+      "text": "style: display:none 替换为其他隐藏方式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g2",
+      "text": "style: transition-property:all 替换为具体属性名",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g3",
+      "text": "template: 动态 background-image 的 view 添加 enable-background",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g4",
+      "text": "template: 动态 transition 的 view 添加 enable-animation",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g5",
+      "text": "script: 生命周期钩子在 setup 中同步注册",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g6",
+      "text": "script: relativeTo 使用简单选择器（不用复合/后代选择器）",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g7",
+      "text": "json: 条件编译 JSON 使用 script name=\"json\" 格式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g8",
+      "text": "style: bindtap 元素不设 opacity:0",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g9",
+      "text": "style: @keyframes 在 RN 中不存在",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 1.0,
+    "passed": 10,
+    "failed": 0,
+    "total": 10
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_original/outputs/carousel-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_original/outputs/carousel-card.mpx
new file mode 100644
index 0000000000..c6d8fe78dd
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_original/outputs/carousel-card.mpx
@@ -0,0 +1,268 @@
+<template>
+  <view class="carousel-card">
+    <view class="card-header">
+      <!-- enable-background 用于支持动态 wx:style 中的 background-image 渐变 -->
+      <view class="gradient-overlay" enable-background wx:style="{{bgStyle}}">
+        <text class="card-title">{{title}}</text>
+        <text class="card-subtitle">{{subtitle}}</text>
+      </view>
+    </view>
+
+    <view class="card-body">
+      <view
+        wx:for="{{items}}"
+        wx:key="id"
+        class="card-item"
+        hover-class="card-item-hover"
+        hover-stay-time="{{100}}"
+        enable-animation="transition"
+        wx:style="{{animStyle}}"
+        bindtap="handleItemTap(item.id)"
+      >
+        <image class="item-image" src="{{item.cover}}" mode="aspectFill" />
+        <view class="item-info">
+          <text class="item-name">{{item.name}}</text>
+          <text class="item-price">{{item.price}}</text>
+        </view>
+        <view wx:if="{{item.isNew}}" class="item-badge">NEW</view>
+      </view>
+    </view>
+
+    <view class="card-footer">
+      <view
+        class="load-trigger"
+        id="load-trigger"
+        wx:ref
+      >
+        <text wx:if="{{loading}}">loading...</text>
+      </view>
+    </view>
+
+    <view
+      class="toast-mask"
+      wx:show="{{showToast}}"
+      bindtap="hideToast"
+    >
+      <view class="toast-content">{{toastMsg}}</view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted, computed } from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    title: { type: String, value: 'Featured' },
+    subtitle: { type: String, value: '' }
+  },
+  setup (props, context) {
+    const items = ref([])
+    const loading = ref(false)
+    const showToast = ref(false)
+    const toastMsg = ref('')
+
+    const bgStyle = computed(() => {
+      return {
+        // todo: 原平台渐变使用 transparent 关键字；RN 中 transparent 等价于 rgba(0,0,0,0) 会导致渐变发灰
+        // 此处统一使用 rgba(255,107,107,0) 替代 transparent，在原平台与 RN 均可正常渲染
+        backgroundImage: `linear-gradient(180deg, #ff6b6b, rgba(255,107,107,0))`
+      }
+    })
+
+    const animStyle = computed(() => {
+      // todo: RN 不支持 transition-property: all，已改为显式列出需要过渡的属性
+      return {
+        transition: 'opacity 0.3s ease, transform 0.3s ease'
+      }
+    })
+
+    // 生命周期钩子须在 setup 执行期间同步注册
+    onMounted(() => {
+      initObserver()
+    })
+
+    function initObserver () {
+      const observer = context.createIntersectionObserver()
+      // 复合选择器 .card-body .card-item 已改为单类 .card-item，与 RN 单类 selector 映射要求对齐
+      observer.relativeTo('.card-item').observe('#load-trigger', (res) => {
+        if (res.intersectionRatio > 0) {
+          loadMore()
+        }
+      })
+    }
+
+    function loadMore () {
+      if (loading.value) return
+      loading.value = true
+      mpx.request({
+        url: '/api/items',
+        data: { page: items.value.length / 10 + 1 },
+        success (res) {
+          items.value = items.value.concat(res.data.list)
+          loading.value = false
+        }
+      })
+    }
+
+    function handleItemTap (id) {
+      mpx.navigateTo({ url: `/pages/detail/index?id=${id}` })
+    }
+
+    function hideToast () {
+      showToast.value = false
+    }
+
+    return {
+      items,
+      loading,
+      showToast,
+      toastMsg,
+      bgStyle,
+      animStyle,
+      handleItemTap,
+      hideToast
+    }
+  }
+})
+</script>
+
+<style>
+.carousel-card {
+  width: 100%;
+  min-height: 100vh;
+}
+
+.card-header {
+  position: relative;
+  height: 360rpx;
+}
+
+.gradient-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+  padding: 30rpx;
+  /* todo: 原平台渐变终止色 transparent 在 RN 中会导致过渡区域发灰，已改用 rgba(255,107,107,0) 等效替代 */
+  background-image: linear-gradient(to bottom, #ff6b6b 0%, rgba(255,107,107,0) 100%);
+  background-size: cover;
+}
+
+.card-title {
+  font-size: 36rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.card-subtitle {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.8);
+  margin-top: 8rpx;
+}
+
+.card-body {
+  padding: 20rpx;
+}
+
+.card-item {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 0;
+  border-bottom: 1px solid #eee;
+}
+
+/* todo: RN 不支持 :active 伪类，已改用 hover-class="card-item-hover" 实现点击态 */
+.card-item-hover {
+  background-color: #f5f5f5;
+}
+
+.item-image {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+}
+
+.item-info {
+  flex: 1;
+  margin-left: 24rpx;
+}
+
+.item-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.item-price {
+  font-size: 32rpx;
+  color: #ff4d4f;
+  margin-top: 8rpx;
+  font-weight: bold;
+}
+
+.item-badge {
+  padding: 4rpx 12rpx;
+  background-color: #ff4d4f;
+  color: #fff;
+  font-size: 20rpx;
+  border-radius: 4rpx;
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+/* todo: RN 不支持 CSS @keyframes 动画，以下 keyframes 及 animation 属性仅在原平台保留 */
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(20rpx); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.card-item {
+  animation: fadeIn 0.5s ease forwards;
+}
+/* @mpx-endif */
+
+.toast-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.toast-content {
+  padding: 24rpx 48rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+
+.card-footer {
+  padding: 20rpx;
+}
+
+.load-trigger {
+  height: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {
+    "lottie-view": "../../components/lottie-view/index"
+  },
+  "componentPlaceholder": {
+    "lottie-view": "view"
+  }
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_original/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_original/run-1/grading.json
new file mode 100644
index 0000000000..c1b50ca4e9
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/mpx2rn_original/run-1/grading.json
@@ -0,0 +1,73 @@
+{
+  "eval_id": 3,
+  "run_kind": "mpx2rn_original",
+  "expectations": [
+    {
+      "id": "g0",
+      "text": "style: linear-gradient 中 transparent 替换为 rgba 形式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g1",
+      "text": "style: display:none 替换为其他隐藏方式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g2",
+      "text": "style: transition-property:all 替换为具体属性名",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g3",
+      "text": "template: 动态 background-image 的 view 添加 enable-background",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g4",
+      "text": "template: 动态 transition 的 view 添加 enable-animation",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g5",
+      "text": "script: 生命周期钩子在 setup 中同步注册",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g6",
+      "text": "script: relativeTo 使用简单选择器（不用复合/后代选择器）",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g7",
+      "text": "json: 条件编译 JSON 使用 script name=\"json\" 格式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g8",
+      "text": "style: bindtap 元素不设 opacity:0",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g9",
+      "text": "style: @keyframes 在 RN 中不存在",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 1.0,
+    "passed": 10,
+    "failed": 0,
+    "total": 10
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/no_skill/outputs/carousel-card.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/no_skill/outputs/carousel-card.mpx
new file mode 100644
index 0000000000..85b61b0d35
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/no_skill/outputs/carousel-card.mpx
@@ -0,0 +1,246 @@
+<template>
+  <view class="carousel-card">
+    <view class="card-header">
+      <view class="gradient-overlay">
+        <text class="card-title">{{title}}</text>
+        <text class="card-subtitle">{{subtitle}}</text>
+      </view>
+    </view>
+
+    <view class="card-body">
+      <view
+        wx:for="{{items}}"
+        wx:key="id"
+        class="card-item"
+        bindtap="handleItemTap"
+        data-id="{{item.id}}"
+      >
+        <image class="item-image" src="{{item.cover}}" mode="aspectFill" />
+        <view class="item-info">
+          <text class="item-name">{{item.name}}</text>
+          <text class="item-price">{{item.price}}</text>
+        </view>
+        <view wx:if="{{item.isNew}}" class="item-badge">
+          <text class="item-badge-text">NEW</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="card-footer">
+      <view class="load-trigger">
+        <text wx:if="{{loading}}" class="loading-text">loading...</text>
+      </view>
+    </view>
+
+    <view
+      wx:if="{{showToast}}"
+      class="toast-mask"
+      bindtap="hideToast"
+    >
+      <view class="toast-content">
+        <text class="toast-text">{{toastMsg}}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted } from '@mpxjs/core'
+import mpx from '@mpxjs/core'
+
+createComponent({
+  properties: {
+    title: { type: String, value: 'Featured' },
+    subtitle: { type: String, value: '' }
+  },
+  setup (props, context) {
+    const items = ref([])
+    const loading = ref(false)
+    const showToast = ref(false)
+    const toastMsg = ref('')
+
+    onMounted(() => {
+      initObserver()
+    })
+
+    function initObserver () {
+      // IntersectionObserver is not supported in RN; use scroll-based detection instead
+      // For RN platform, load initial data directly
+      loadMore()
+    }
+
+    function loadMore () {
+      if (loading.value) return
+      loading.value = true
+      mpx.request({
+        url: '/api/items',
+        data: { page: Math.floor(items.value.length / 10) + 1 },
+        success (res) {
+          items.value = items.value.concat(res.data.list)
+          loading.value = false
+        },
+        fail () {
+          loading.value = false
+        }
+      })
+    }
+
+    function handleItemTap (e) {
+      const id = e.currentTarget.dataset.id
+      mpx.navigateTo({ url: `/pages/detail/index?id=${id}` })
+    }
+
+    function hideToast () {
+      showToast.value = false
+    }
+
+    return {
+      items,
+      loading,
+      showToast,
+      toastMsg,
+      handleItemTap,
+      hideToast
+    }
+  }
+})
+</script>
+
+<style>
+.carousel-card {
+  width: 100%;
+  flex: 1;
+}
+
+.card-header {
+  position: relative;
+  height: 360rpx;
+  overflow: hidden;
+}
+
+.gradient-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  padding: 30rpx;
+  background-color: #ff6b6b;
+}
+
+.card-title {
+  font-size: 36rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.card-subtitle {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.8);
+  margin-top: 8rpx;
+}
+
+.card-body {
+  padding: 20rpx;
+}
+
+.card-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: 24rpx;
+  padding-bottom: 24rpx;
+  border-bottom-width: 1px;
+  border-bottom-color: #eee;
+  border-bottom-style: solid;
+}
+
+.item-image {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 12rpx;
+}
+
+.item-info {
+  flex: 1;
+  margin-left: 24rpx;
+}
+
+.item-name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.item-price {
+  font-size: 32rpx;
+  color: #ff4d4f;
+  margin-top: 8rpx;
+  font-weight: bold;
+}
+
+.item-badge {
+  padding-top: 4rpx;
+  padding-bottom: 4rpx;
+  padding-left: 12rpx;
+  padding-right: 12rpx;
+  background-color: #ff4d4f;
+  border-radius: 4rpx;
+}
+
+.item-badge-text {
+  color: #fff;
+  font-size: 20rpx;
+}
+
+.card-footer {
+  padding: 20rpx;
+}
+
+.load-trigger {
+  height: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.loading-text {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.toast-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.toast-content {
+  padding-top: 24rpx;
+  padding-bottom: 24rpx;
+  padding-left: 48rpx;
+  padding-right: 48rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+}
+
+.toast-text {
+  font-size: 28rpx;
+  color: #333;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/no_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/no_skill/run-1/grading.json
new file mode 100644
index 0000000000..7e11017d58
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-3-gradient-animation-interaction/no_skill/run-1/grading.json
@@ -0,0 +1,73 @@
+{
+  "eval_id": 3,
+  "run_kind": "no_skill",
+  "expectations": [
+    {
+      "id": "g0",
+      "text": "style: linear-gradient 中 transparent 替换为 rgba 形式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g1",
+      "text": "style: display:none 替换为其他隐藏方式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g2",
+      "text": "style: transition-property:all 替换为具体属性名",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g3",
+      "text": "template: 动态 background-image 的 view 添加 enable-background",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "g4",
+      "text": "template: 动态 transition 的 view 添加 enable-animation",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "g5",
+      "text": "script: 生命周期钩子在 setup 中同步注册",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g6",
+      "text": "script: relativeTo 使用简单选择器（不用复合/后代选择器）",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g7",
+      "text": "json: 条件编译 JSON 使用 script name=\"json\" 格式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g8",
+      "text": "style: bindtap 元素不设 opacity:0",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "g9",
+      "text": "style: @keyframes 在 RN 中不存在",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.8,
+    "passed": 8,
+    "failed": 2,
+    "total": 10
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/eval_metadata.json
new file mode 100644
index 0000000000..21fd152881
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/eval_metadata.json
@@ -0,0 +1,20 @@
+{
+  "eval_id": 4,
+  "eval_name": "text-layout-selector",
+  "complexity": "tricky",
+  "focus": "style/template/script/json",
+  "prompt": "请对附件中的 data-panel.mpx 页面进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+  "files": ["input/data-panel.mpx"],
+  "assertions": [
+    {"id": "l0", "text": "style: 纵向布局显式声明 flex-direction:column（Mpx 在声明 display:flex 时会自动补充 flex-direction:row，不声明则默认横向）", "category": "style"},
+    {"id": "l1", "text": "style: position:sticky 替换为 sticky-header 组件方案（RN 不支持 position:sticky）", "category": "style"},
+    {"id": "l2", "text": "style: 保留 /*use rpx*/ 和 /*use px*/ 单位转换注释（构建系统依赖这些注释进行批量单位转换）", "category": "style"},
+    {"id": "l3", "text": "style: background-image 不应用于 text 元素对应的类（RN 中仅 view 组件支持 background-image）", "category": "style"},
+    {"id": "l4", "text": "template: 内联 style 属性中不使用多值 margin/padding 简写（RN 内联样式不支持编译增强的多值简写）", "category": "template"},
+    {"id": "l5", "text": "template: scroll-into-view 目标元素添加 wx:ref 属性（RN 中 scroll-into-view 需要 wx:ref 进行节点映射）", "category": "template"},
+    {"id": "l6", "text": "template: createSelectorQuery 目标元素添加空 wx:ref 属性（RN 中选择器 API 依赖编译期 wx:ref 映射）", "category": "template"},
+    {"id": "l7", "text": "script: createSelectorQuery/selectComponent 仅使用 #id 或 .class 单一选择器（不使用后代/复合选择器）", "category": "script"},
+    {"id": "l8", "text": "script: 非触摸事件（scroll/change 等）不使用 catch 前缀（仅 6 个基础触摸事件支持冒泡和捕获）", "category": "script"},
+    {"id": "l9", "text": "style: radial-gradient() 通过条件编译限制或替换为 linear-gradient（RN 仅支持 linear-gradient）", "category": "style"}
+  ]
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/input/data-panel.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/input/data-panel.mpx
new file mode 100644
index 0000000000..ff5163f9ce
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/input/data-panel.mpx
@@ -0,0 +1,309 @@
+<template>
+  <view class="data-panel">
+    <view class="panel-header">
+      <text class="title">Data Overview</text>
+      <view class="tab-bar">
+        <view
+          wx:for="{{tabs}}"
+          wx:key="id"
+          class="tab-item"
+          bindtap="switchTab(item.id)"
+          wx:class="{{{'tab-active': activeTab === item.id}}}"
+        >
+          <text>{{item.label}}</text>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view
+      scroll-y
+      class="panel-scroll"
+      scroll-into-view="section-{{scrollTarget}}"
+      catchscroll="handleScroll"
+      bindscrolltolower="loadMore"
+    >
+      <view class="stats-section" id="section-stats">
+        <view class="stat-card" wx:for="{{stats}}" wx:key="label"
+          style="margin: 16rpx 24rpx; padding: 20rpx 30rpx">
+          <text class="stat-value">{{item.value}}</text>
+          <text class="stat-label">{{item.label}}</text>
+        </view>
+      </view>
+
+      <view class="chart-section" id="section-chart">
+        <view class="chart-title-wrapper">
+          <text class="chart-title">Trend Chart</text>
+        </view>
+        <view class="chart-container" id="chart">
+          <view class="chart-placeholder">
+            <view class="chart-gradient-bg"></view>
+          </view>
+        </view>
+      </view>
+
+      <view class="detail-section" id="section-detail">
+        <view class="detail-header">
+          <text class="detail-title">Details</text>
+        </view>
+        <view class="detail-list">
+          <view
+            wx:for="{{details}}"
+            wx:key="id"
+            class="detail-item"
+          >
+            <view class="detail-row">
+              <text class="detail-name">{{item.name}}</text>
+              <text class="detail-amount">{{item.amount}}</text>
+            </view>
+            <view class="detail-bar-wrapper">
+              <view class="detail-bar" style="width: {{item.percent}}%"></view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted } from '@mpxjs/core'
+
+createComponent({
+  setup (props, context) {
+    const tabs = ref([
+      { id: 'daily', label: 'Day' },
+      { id: 'weekly', label: 'Week' },
+      { id: 'monthly', label: 'Month' }
+    ])
+    const activeTab = ref('daily')
+    const scrollTarget = ref('')
+    const stats = ref([
+      { label: 'Revenue', value: '12,580' },
+      { label: 'Orders', value: '356' },
+      { label: 'Users', value: '1,024' },
+      { label: 'Conversion', value: '3.2%' }
+    ])
+    const details = ref([])
+
+    onMounted(() => {
+      measureChart()
+      fetchDetails()
+    })
+
+    function measureChart () {
+      context.createSelectorQuery()
+        .select('.panel-scroll .chart-container')
+        .boundingClientRect()
+        .exec((res) => {
+          if (res && res[0]) {
+            console.log('chart size:', res[0].width, res[0].height)
+          }
+        })
+    }
+
+    function switchTab (tabId) {
+      activeTab.value = tabId
+      scrollTarget.value = 'stats'
+      fetchDetails()
+    }
+
+    function handleScroll (e) {
+      console.log('scroll position:', e.detail.scrollTop)
+    }
+
+    function loadMore () {
+      mpx.showToast({ title: 'Loading more...' })
+    }
+
+    function fetchDetails () {
+      mpx.request({
+        url: '/api/details',
+        data: { tab: activeTab.value },
+        success (res) {
+          details.value = res.data.list
+        }
+      })
+    }
+
+    return {
+      tabs,
+      activeTab,
+      scrollTarget,
+      stats,
+      details,
+      switchTab,
+      handleScroll,
+      loadMore
+    }
+  }
+})
+</script>
+
+<style>
+.data-panel {
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  background-color: #f5f7fa;
+}
+
+.panel-header {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background-color: #fff;
+  padding: 20rpx 30rpx; /*use rpx*/
+  border-bottom: 1px solid #eee; /*use px*/
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+  background-image: linear-gradient(90deg, #667eea, #764ba2);
+  -webkit-background-clip: text;
+}
+
+.tab-bar {
+  display: flex;
+  margin-top: 20rpx;
+  gap: 16rpx;
+}
+
+.tab-item {
+  padding: 12rpx 24rpx;
+  border-radius: 20rpx;
+  background-color: #f0f0f0;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.tab-active {
+  background-color: #667eea;
+  color: #fff;
+}
+
+.panel-scroll {
+  flex: 1;
+  height: 100%;
+}
+
+.stats-section {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 10rpx;
+}
+
+.stat-card {
+  width: calc(50% - 48rpx);
+  background-color: #fff;
+  border-radius: 16rpx;
+  display: flex;
+  align-items: center;
+}
+
+.stat-value {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+}
+
+.stat-label {
+  font-size: 22rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.chart-section {
+  margin: 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+}
+
+.chart-title-wrapper {
+  margin-bottom: 16rpx;
+}
+
+.chart-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.chart-container {
+  width: 100%;
+  height: 400rpx;
+  position: relative;
+}
+
+.chart-gradient-bg {
+  width: 100%;
+  height: 100%;
+  background-image: radial-gradient(circle at center, #667eea 0%, #764ba2 100%);
+  border-radius: 12rpx;
+  opacity: 0.1;
+}
+
+.detail-section {
+  margin: 20rpx;
+}
+
+.detail-header {
+  margin-bottom: 16rpx;
+}
+
+.detail-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.detail-list {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+}
+
+.detail-item {
+  padding: 16rpx 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.detail-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.detail-name {
+  font-size: 26rpx;
+  color: #333;
+}
+
+.detail-amount {
+  font-size: 26rpx;
+  color: #667eea;
+  font-weight: bold;
+}
+
+.detail-bar-wrapper {
+  height: 8rpx;
+  background-color: #f0f0f0;
+  border-radius: 4rpx;
+  margin-top: 12rpx;
+}
+
+.detail-bar {
+  height: 100%;
+  background-image: linear-gradient(90deg, #667eea, #764ba2);
+  border-radius: 4rpx;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_gene/outputs/data-panel.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_gene/outputs/data-panel.mpx
new file mode 100644
index 0000000000..3d6865f933
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_gene/outputs/data-panel.mpx
@@ -0,0 +1,347 @@
+<template>
+  <view class="data-panel">
+    <view class="panel-header">
+      <text class="title">Data Overview</text>
+      <view class="tab-bar">
+        <view
+          wx:for="{{tabs}}"
+          wx:key="id"
+          class="tab-item"
+          bindtap="switchTab(item.id)"
+          wx:class="{{ {'tab-active': activeTab === item.id} }}"
+        >
+          <text>{{item.label}}</text>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view
+      scroll-y
+      class="panel-scroll"
+      scroll-into-view="section-{{scrollTarget}}"
+      catchscroll="handleScroll"
+      bindscrolltolower="loadMore"
+    >
+      <view class="stats-section" id="section-stats" wx:ref>
+        <view class="stat-card" wx:for="{{stats}}" wx:key="label"
+          style="margin: 16rpx 24rpx; padding: 20rpx 30rpx">
+          <text class="stat-value">{{item.value}}</text>
+          <text class="stat-label">{{item.label}}</text>
+        </view>
+      </view>
+
+      <view class="chart-section" id="section-chart" wx:ref>
+        <view class="chart-title-wrapper">
+          <text class="chart-title">Trend Chart</text>
+        </view>
+        <view class="chart-container" id="chart" wx:ref>
+          <view class="chart-placeholder">
+            <view class="chart-gradient-bg" enable-background="{{true}}"></view>
+          </view>
+        </view>
+      </view>
+
+      <view class="detail-section" id="section-detail" wx:ref>
+        <view class="detail-header">
+          <text class="detail-title">Details</text>
+        </view>
+        <view class="detail-list">
+          <view
+            wx:for="{{details}}"
+            wx:key="id"
+            class="detail-item"
+          >
+            <view class="detail-row">
+              <text class="detail-name">{{item.name}}</text>
+              <text class="detail-amount">{{item.amount}}</text>
+            </view>
+            <view class="detail-bar-wrapper">
+              <view class="detail-bar" style="width: {{item.percent}}%" enable-background="{{true}}"></view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted } from '@mpxjs/core'
+
+createComponent({
+  setup (props, context) {
+    const tabs = ref([
+      { id: 'daily', label: 'Day' },
+      { id: 'weekly', label: 'Week' },
+      { id: 'monthly', label: 'Month' }
+    ])
+    const activeTab = ref('daily')
+    const scrollTarget = ref('')
+    const stats = ref([
+      { label: 'Revenue', value: '12,580' },
+      { label: 'Orders', value: '356' },
+      { label: 'Users', value: '1,024' },
+      { label: 'Conversion', value: '3.2%' }
+    ])
+    const details = ref([])
+
+    onMounted(() => {
+      measureChart()
+      fetchDetails()
+    })
+
+    function measureChart () {
+      context.createSelectorQuery()
+        .select('.chart-container')
+        .boundingClientRect()
+        .exec((res) => {
+          if (res && res[0]) {
+            console.log('chart size:', res[0].width, res[0].height)
+          }
+        })
+    }
+
+    function switchTab (tabId) {
+      activeTab.value = tabId
+      scrollTarget.value = 'stats'
+      fetchDetails()
+    }
+
+    function handleScroll (e) {
+      console.log('scroll position:', e.detail.scrollTop)
+    }
+
+    function loadMore () {
+      mpx.showToast({ title: 'Loading more...' })
+    }
+
+    function fetchDetails () {
+      mpx.request({
+        url: '/api/details',
+        data: { tab: activeTab.value },
+        success (res) {
+          details.value = res.data.list
+        }
+      })
+    }
+
+    return {
+      tabs,
+      activeTab,
+      scrollTarget,
+      stats,
+      details,
+      switchTab,
+      handleScroll,
+      loadMore
+    }
+  }
+})
+</script>
+
+<style>
+.data-panel {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  background-color: #f5f7fa;
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+.panel-header {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background-color: #fff;
+  padding: 20rpx 30rpx; /*use rpx*/
+  border-bottom: 1px solid #eee; /*use px*/
+}
+/* @mpx-else */
+.panel-header {
+  z-index: 10;
+  background-color: #fff;
+  padding: 20rpx 30rpx; /*use rpx*/
+  border-bottom: 1px solid #eee; /*use px*/
+}
+/* @mpx-endif */
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+  background-image: linear-gradient(90deg, #667eea, #764ba2);
+  -webkit-background-clip: text;
+}
+/* @mpx-else */
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #667eea;
+}
+/* @mpx-endif */
+
+.tab-bar {
+  display: flex;
+  flex-direction: row;
+  margin-top: 20rpx;
+  gap: 16rpx;
+}
+
+.tab-item {
+  padding: 12rpx 24rpx;
+  border-radius: 20rpx;
+  background-color: #f0f0f0;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.tab-active {
+  background-color: #667eea;
+  color: #fff;
+}
+
+.panel-scroll {
+  flex: 1;
+  height: 100%;
+}
+
+.stats-section {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  padding: 10rpx;
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+.stat-card {
+  width: calc(50% - 48rpx);
+  background-color: #fff;
+  border-radius: 16rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+/* @mpx-else */
+.stat-card {
+  width: 50%;
+  background-color: #fff;
+  border-radius: 16rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+/* @mpx-endif */
+
+.stat-value {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+}
+
+.stat-label {
+  font-size: 22rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.chart-section {
+  margin: 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+}
+
+.chart-title-wrapper {
+  margin-bottom: 16rpx;
+}
+
+.chart-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.chart-container {
+  width: 100%;
+  height: 400rpx;
+  position: relative;
+}
+
+.chart-placeholder {
+  width: 100%;
+  height: 100%;
+}
+
+.chart-gradient-bg {
+  width: 100%;
+  height: 100%;
+  background-image: radial-gradient(circle at center, #667eea 0%, #764ba2 100%);
+  border-radius: 12rpx;
+  opacity: 0.1;
+}
+
+.detail-section {
+  margin: 20rpx;
+}
+
+.detail-header {
+  margin-bottom: 16rpx;
+}
+
+.detail-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.detail-list {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+}
+
+.detail-item {
+  padding: 16rpx 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.detail-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.detail-name {
+  font-size: 26rpx;
+  color: #333;
+}
+
+.detail-amount {
+  font-size: 26rpx;
+  color: #667eea;
+  font-weight: bold;
+}
+
+.detail-bar-wrapper {
+  height: 8rpx;
+  background-color: #f0f0f0;
+  border-radius: 4rpx;
+  margin-top: 12rpx;
+}
+
+.detail-bar {
+  height: 100%;
+  background-image: linear-gradient(90deg, #667eea, #764ba2);
+  border-radius: 4rpx;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_gene/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_gene/run-1/grading.json
new file mode 100644
index 0000000000..a90de03cb9
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_gene/run-1/grading.json
@@ -0,0 +1,73 @@
+{
+  "eval_id": 4,
+  "run_kind": "mpx2rn_gene",
+  "expectations": [
+    {
+      "id": "l0",
+      "text": "style: 纵向布局显式声明 flex-direction:column",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l1",
+      "text": "style: position:sticky 替换为 sticky-header 方案",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l2",
+      "text": "style: 保留 /*use rpx*/ /*use px*/ 单位转换注释",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l3",
+      "text": "style: background-image 不应用于 text 元素类",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l4",
+      "text": "template: 内联 style 中不使用多值 margin/padding 简写",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "l5",
+      "text": "template: scroll-into-view 目标添加 wx:ref",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l6",
+      "text": "template: createSelectorQuery 目标添加空 wx:ref",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l7",
+      "text": "script: 选择器 API 仅使用简单选择器",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l8",
+      "text": "script: 非触摸事件不使用 catch 前缀",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "l9",
+      "text": "style: radial-gradient 条件编译或替换",
+      "passed": false,
+      "evidence": "FAIL"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.7,
+    "passed": 7,
+    "failed": 3,
+    "total": 10
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_original/outputs/data-panel.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_original/outputs/data-panel.mpx
new file mode 100644
index 0000000000..54a66092f8
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_original/outputs/data-panel.mpx
@@ -0,0 +1,339 @@
+<template>
+  <view class="data-panel">
+    <view class="panel-header">
+      <text class="title">Data Overview</text>
+      <view class="tab-bar">
+        <view
+          wx:for="{{tabs}}"
+          wx:key="id"
+          class="tab-item"
+          bindtap="switchTab(item.id)"
+          wx:class="{{  {tabActive: activeTab === item.id}  }}"
+        >
+          <text>{{item.label}}</text>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view
+      scroll-y
+      class="panel-scroll"
+      scroll-into-view="section-{{scrollTarget}}"
+      bindscroll="handleScroll"
+      bindscrolltolower="loadMore"
+    >
+      <view class="stats-section" id="section-stats" wx:ref>
+        <view class="stat-card" wx:for="{{stats}}" wx:key="label"
+          style="margin: 16rpx 24rpx; padding: 20rpx 30rpx">
+          <text class="stat-value">{{item.value}}</text>
+          <text class="stat-label">{{item.label}}</text>
+        </view>
+      </view>
+
+      <view class="chart-section" id="section-chart" wx:ref>
+        <view class="chart-title-wrapper">
+          <text class="chart-title">Trend Chart</text>
+        </view>
+        <view class="chart-container" id="chart" wx:ref>
+          <view class="chart-placeholder">
+            <view class="chart-gradient-bg"></view>
+          </view>
+        </view>
+      </view>
+
+      <view class="detail-section" id="section-detail" wx:ref>
+        <view class="detail-header">
+          <text class="detail-title">Details</text>
+        </view>
+        <view class="detail-list">
+          <view
+            wx:for="{{details}}"
+            wx:key="id"
+            class="detail-item"
+          >
+            <view class="detail-row">
+              <text class="detail-name">{{item.name}}</text>
+              <text class="detail-amount">{{item.amount}}</text>
+            </view>
+            <view class="detail-bar-wrapper">
+              <view class="detail-bar" wx:style="{{  {width: item.percent + '%'}  }}"></view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted } from '@mpxjs/core'
+
+createComponent({
+  setup (props, context) {
+    const tabs = ref([
+      { id: 'daily', label: 'Day' },
+      { id: 'weekly', label: 'Week' },
+      { id: 'monthly', label: 'Month' }
+    ])
+    const activeTab = ref('daily')
+    const scrollTarget = ref('')
+    const stats = ref([
+      { label: 'Revenue', value: '12,580' },
+      { label: 'Orders', value: '356' },
+      { label: 'Users', value: '1,024' },
+      { label: 'Conversion', value: '3.2%' }
+    ])
+    const details = ref([])
+
+    onMounted(() => {
+      measureChart()
+      fetchDetails()
+    })
+
+    function measureChart () {
+      context.createSelectorQuery()
+        .select('.chart-container')
+        .boundingClientRect()
+        .exec((res) => {
+          if (res && res[0]) {
+            console.log('chart size:', res[0].width, res[0].height)
+          }
+        })
+    }
+
+    function switchTab (tabId) {
+      activeTab.value = tabId
+      scrollTarget.value = 'stats'
+      fetchDetails()
+    }
+
+    function handleScroll (e) {
+      console.log('scroll position:', e.detail.scrollTop)
+    }
+
+    function loadMore () {
+      mpx.showToast({ title: 'Loading more...' })
+    }
+
+    function fetchDetails () {
+      mpx.request({
+        url: '/api/details',
+        data: { tab: activeTab.value },
+        success (res) {
+          details.value = res.data.list
+        }
+      })
+    }
+
+    return {
+      tabs,
+      activeTab,
+      scrollTarget,
+      stats,
+      details,
+      switchTab,
+      handleScroll,
+      loadMore
+    }
+  }
+})
+</script>
+
+<style>
+.data-panel {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  background-color: #f5f7fa;
+}
+
+.panel-header {
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  /* todo: RN 不支持 position: sticky，RN 侧 panel-header 不具备吸顶能力 */
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  /* @mpx-endif */
+  background-color: #fff;
+  padding: 20rpx 30rpx; /*use rpx*/
+  border-bottom: 1px solid #eee; /*use px*/
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+/* todo: RN 不支持 background-image 渐变文字（background-clip: text），RN 侧仅展示纯色文字 */
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+  background-image: linear-gradient(90deg, #667eea, #764ba2);
+  -webkit-background-clip: text;
+}
+/* @mpx-endif */
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+}
+/* @mpx-endif */
+
+.tab-bar {
+  display: flex;
+  flex-direction: row;
+  margin-top: 20rpx;
+  gap: 16rpx;
+}
+
+.tab-item {
+  padding: 12rpx 24rpx;
+  border-radius: 20rpx;
+  background-color: #f0f0f0;
+  font-size: 24rpx;
+  color: #666;
+}
+
+.tabActive {
+  background-color: #667eea;
+  color: #fff;
+}
+
+.panel-scroll {
+  flex: 1;
+  height: 100%;
+}
+
+.stats-section {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  padding: 10rpx;
+}
+
+.stat-card {
+  width: 50%;
+  background-color: #fff;
+  border-radius: 16rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.stat-value {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+}
+
+.stat-label {
+  font-size: 22rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.chart-section {
+  margin: 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+}
+
+.chart-title-wrapper {
+  margin-bottom: 16rpx;
+}
+
+.chart-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.chart-container {
+  width: 100%;
+  height: 400rpx;
+  position: relative;
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+/* todo: RN 不支持 radial-gradient，RN 侧改为线性渐变等效替代 */
+.chart-gradient-bg {
+  width: 100%;
+  height: 100%;
+  background-image: radial-gradient(circle at center, #667eea 0%, #764ba2 100%);
+  border-radius: 12rpx;
+  opacity: 0.1;
+}
+/* @mpx-endif */
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+.chart-gradient-bg {
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 12rpx;
+  opacity: 0.1;
+}
+/* @mpx-endif */
+
+.detail-section {
+  margin: 20rpx;
+}
+
+.detail-header {
+  margin-bottom: 16rpx;
+}
+
+.detail-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.detail-list {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+}
+
+.detail-item {
+  padding: 16rpx 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.detail-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.detail-name {
+  font-size: 26rpx;
+  color: #333;
+}
+
+.detail-amount {
+  font-size: 26rpx;
+  color: #667eea;
+  font-weight: bold;
+}
+
+.detail-bar-wrapper {
+  height: 8rpx;
+  background-color: #f0f0f0;
+  border-radius: 4rpx;
+  margin-top: 12rpx;
+}
+
+.detail-bar {
+  height: 100%;
+  background-image: linear-gradient(90deg, #667eea, #764ba2);
+  border-radius: 4rpx;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_original/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_original/run-1/grading.json
new file mode 100644
index 0000000000..4904244125
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/mpx2rn_original/run-1/grading.json
@@ -0,0 +1,73 @@
+{
+  "eval_id": 4,
+  "run_kind": "mpx2rn_original",
+  "expectations": [
+    {
+      "id": "l0",
+      "text": "style: 纵向布局显式声明 flex-direction:column",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l1",
+      "text": "style: position:sticky 替换为 sticky-header 方案",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l2",
+      "text": "style: 保留 /*use rpx*/ /*use px*/ 单位转换注释",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l3",
+      "text": "style: background-image 不应用于 text 元素类",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l4",
+      "text": "template: 内联 style 中不使用多值 margin/padding 简写",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "l5",
+      "text": "template: scroll-into-view 目标添加 wx:ref",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l6",
+      "text": "template: createSelectorQuery 目标添加空 wx:ref",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l7",
+      "text": "script: 选择器 API 仅使用简单选择器",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l8",
+      "text": "script: 非触摸事件不使用 catch 前缀",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l9",
+      "text": "style: radial-gradient 条件编译或替换",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.9,
+    "passed": 9,
+    "failed": 1,
+    "total": 10
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/no_skill/outputs/data-panel.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/no_skill/outputs/data-panel.mpx
new file mode 100644
index 0000000000..04cbbf2728
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/no_skill/outputs/data-panel.mpx
@@ -0,0 +1,314 @@
+<template>
+  <view class="data-panel">
+    <view class="panel-header">
+      <text class="title">Data Overview</text>
+      <view class="tab-bar">
+        <view
+          wx:for="{{tabs}}"
+          wx:key="id"
+          class="tab-item"
+          :class="{'tab-active': activeTab === item.id}"
+          bindtap="switchTab"
+          data-id="{{item.id}}"
+        >
+          <text>{{item.label}}</text>
+        </view>
+      </view>
+    </view>
+
+    <scroll-view
+      scroll-y
+      class="panel-scroll"
+      bindscroll="handleScroll"
+      bindscrolltolower="loadMore"
+    >
+      <view class="stats-section" id="section-stats">
+        <view class="stat-card" wx:for="{{stats}}" wx:key="label"
+          style="margin: 16rpx 24rpx; padding: 20rpx 30rpx">
+          <text class="stat-value">{{item.value}}</text>
+          <text class="stat-label">{{item.label}}</text>
+        </view>
+      </view>
+
+      <view class="chart-section" id="section-chart">
+        <view class="chart-title-wrapper">
+          <text class="chart-title">Trend Chart</text>
+        </view>
+        <view class="chart-container" id="chart">
+          <view class="chart-placeholder">
+            <view class="chart-gradient-bg"></view>
+          </view>
+        </view>
+      </view>
+
+      <view class="detail-section" id="section-detail">
+        <view class="detail-header">
+          <text class="detail-title">Details</text>
+        </view>
+        <view class="detail-list">
+          <view
+            wx:for="{{details}}"
+            wx:key="id"
+            class="detail-item"
+          >
+            <view class="detail-row">
+              <text class="detail-name">{{item.name}}</text>
+              <text class="detail-amount">{{item.amount}}</text>
+            </view>
+            <view class="detail-bar-wrapper">
+              <view class="detail-bar" style="width: {{item.percent}}%"></view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { createComponent, ref, onMounted } from '@mpxjs/core'
+import mpx from '@mpxjs/core'
+
+createComponent({
+  setup (props, context) {
+    const tabs = ref([
+      { id: 'daily', label: 'Day' },
+      { id: 'weekly', label: 'Week' },
+      { id: 'monthly', label: 'Month' }
+    ])
+    const activeTab = ref('daily')
+    const scrollTarget = ref('')
+    const stats = ref([
+      { label: 'Revenue', value: '12,580' },
+      { label: 'Orders', value: '356' },
+      { label: 'Users', value: '1,024' },
+      { label: 'Conversion', value: '3.2%' }
+    ])
+    const details = ref([])
+
+    onMounted(() => {
+      measureChart()
+      fetchDetails()
+    })
+
+    function measureChart () {
+      mpx.createSelectorQuery()
+        .select('#chart')
+        .boundingClientRect()
+        .exec((res) => {
+          if (res && res[0]) {
+            console.log('chart size:', res[0].width, res[0].height)
+          }
+        })
+    }
+
+    function switchTab (e) {
+      const tabId = e.currentTarget.dataset.id
+      activeTab.value = tabId
+      scrollTarget.value = 'stats'
+      fetchDetails()
+    }
+
+    function handleScroll (e) {
+      console.log('scroll position:', e.detail.scrollTop)
+    }
+
+    function loadMore () {
+      mpx.showToast({ title: 'Loading more...' })
+    }
+
+    function fetchDetails () {
+      mpx.request({
+        url: '/api/details',
+        data: { tab: activeTab.value },
+        success (res) {
+          details.value = res.data.list
+        }
+      })
+    }
+
+    return {
+      tabs,
+      activeTab,
+      scrollTarget,
+      stats,
+      details,
+      switchTab,
+      handleScroll,
+      loadMore
+    }
+  }
+})
+</script>
+
+<style>
+.data-panel {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  flex: 1;
+  background-color: #f5f7fa;
+}
+
+.panel-header {
+  background-color: #fff;
+  padding: 20rpx 30rpx;
+  border-bottom-width: 1px;
+  border-bottom-color: #eee;
+  border-bottom-style: solid;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+}
+
+.tab-bar {
+  display: flex;
+  flex-direction: row;
+  margin-top: 20rpx;
+}
+
+.tab-item {
+  padding: 12rpx 24rpx;
+  border-radius: 20rpx;
+  background-color: #f0f0f0;
+  font-size: 24rpx;
+  color: #666;
+  margin-right: 16rpx;
+}
+
+.tab-active {
+  background-color: #667eea;
+  color: #fff;
+}
+
+.panel-scroll {
+  flex: 1;
+}
+
+.stats-section {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  padding: 10rpx;
+}
+
+.stat-card {
+  width: 45%;
+  background-color: #fff;
+  border-radius: 16rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.stat-value {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #1a1a2e;
+}
+
+.stat-label {
+  font-size: 22rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.chart-section {
+  margin: 20rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+}
+
+.chart-title-wrapper {
+  margin-bottom: 16rpx;
+}
+
+.chart-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.chart-container {
+  width: 100%;
+  height: 400rpx;
+  position: relative;
+}
+
+.chart-gradient-bg {
+  width: 100%;
+  height: 100%;
+  background-color: #667eea;
+  border-radius: 12rpx;
+  opacity: 0.1;
+}
+
+.detail-section {
+  margin: 20rpx;
+}
+
+.detail-header {
+  margin-bottom: 16rpx;
+}
+
+.detail-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.detail-list {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 20rpx;
+}
+
+.detail-item {
+  padding: 16rpx 0;
+  border-bottom-width: 1px;
+  border-bottom-color: #f0f0f0;
+  border-bottom-style: solid;
+}
+
+.detail-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.detail-name {
+  font-size: 26rpx;
+  color: #333;
+}
+
+.detail-amount {
+  font-size: 26rpx;
+  color: #667eea;
+  font-weight: bold;
+}
+
+.detail-bar-wrapper {
+  height: 8rpx;
+  background-color: #f0f0f0;
+  border-radius: 4rpx;
+  margin-top: 12rpx;
+}
+
+.detail-bar {
+  height: 100%;
+  background-color: #667eea;
+  border-radius: 4rpx;
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/no_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/no_skill/run-1/grading.json
new file mode 100644
index 0000000000..13cfd66f67
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-4-text-layout-selector/no_skill/run-1/grading.json
@@ -0,0 +1,73 @@
+{
+  "eval_id": 4,
+  "run_kind": "no_skill",
+  "expectations": [
+    {
+      "id": "l0",
+      "text": "style: 纵向布局显式声明 flex-direction:column",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l1",
+      "text": "style: position:sticky 替换为 sticky-header 方案",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l2",
+      "text": "style: 保留 /*use rpx*/ /*use px*/ 单位转换注释",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "l3",
+      "text": "style: background-image 不应用于 text 元素类",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l4",
+      "text": "template: 内联 style 中不使用多值 margin/padding 简写",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "l5",
+      "text": "template: scroll-into-view 目标添加 wx:ref",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "l6",
+      "text": "template: createSelectorQuery 目标添加空 wx:ref",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "l7",
+      "text": "script: 选择器 API 仅使用简单选择器",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l8",
+      "text": "script: 非触摸事件不使用 catch 前缀",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "l9",
+      "text": "style: radial-gradient 条件编译或替换",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.6,
+    "passed": 6,
+    "failed": 4,
+    "total": 10
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/eval_metadata.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/eval_metadata.json
new file mode 100644
index 0000000000..5c558ece13
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/eval_metadata.json
@@ -0,0 +1,20 @@
+{
+  "eval_id": 5,
+  "eval_name": "conditional-compile-advanced",
+  "complexity": "tricky",
+  "focus": "style/template/script/json",
+  "prompt": "请对附件中的 payment-page.mpx 页面进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+  "files": ["input/payment-page.mpx"],
+  "assertions": [
+    {"id": "c0", "text": "style: @mpx-if 条件编译包裹完整的 CSS 规则（选择器+花括号+内容），不产生空选择器", "category": "style"},
+    {"id": "c1", "text": "style: font-family 使用单一字体名（RN 不支持逗号分隔的 fallback 字体列表）", "category": "style"},
+    {"id": "c2", "text": "style: border-style 统一设置，不使用 border-top-style/border-bottom-style 等单边设置（RN 不支持）", "category": "style"},
+    {"id": "c3", "text": "template: 内联 style 属性中不使用 border 简写（RN 内联样式不支持编译增强的 border 简写）", "category": "template"},
+    {"id": "c4", "text": "template: selectComponent 目标的自定义组件元素添加空 wx:ref 属性", "category": "template"},
+    {"id": "c5", "text": "template: 通过 wx:style 动态添加 CSS 变量的元素设置 enable-var 属性", "category": "template"},
+    {"id": "c6", "text": "script: setup 中 props 通过 toRefs/toRef 解构（不直接 const { x } = props 丢失响应式）", "category": "script"},
+    {"id": "c7", "text": "style: background-repeat 仅使用 no-repeat（RN 不支持 repeat/repeat-x/repeat-y）", "category": "style"},
+    {"id": "c8", "text": "json: JSON 配置块的条件编译使用 if(__mpx_mode__) 运行时判断，不使用 /* @mpx-if */ 注释语法（注释语法仅限 style 块）", "category": "json"},
+    {"id": "c9", "text": "style: text-decoration-style/text-decoration-color 通过条件编译处理（仅 iOS 支持，Android/Harmony 不支持）", "category": "style"}
+  ]
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/input/payment-page.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/input/payment-page.mpx
new file mode 100644
index 0000000000..f8b87ecae1
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/input/payment-page.mpx
@@ -0,0 +1,307 @@
+<template>
+  <view class="payment-page">
+    <view class="pay-header">
+      <text class="pay-title">Confirm Payment</text>
+      <text class="pay-amount" style="border: 1px solid #eee">{{formatAmount}}</text>
+    </view>
+
+    <pay-form id="pay-form" bindsuccess="onPaySuccess">
+      <view class="form-section">
+        <view class="form-item">
+          <text class="form-label">Payment Method</text>
+          <view
+            class="method-selector"
+            bindtap="showMethodPicker"
+            wx:style="{{methodStyle}}"
+          >
+            <text>{{selectedMethod.name}}</text>
+          </view>
+        </view>
+
+        <view class="form-item">
+          <text class="form-label">Coupon</text>
+          <view class="coupon-tag" wx:if="{{coupon}}">
+            <text class="coupon-text">-{{coupon.discount}}</text>
+          </view>
+          <text wx:else class="no-coupon">None</text>
+        </view>
+      </view>
+
+      <view class="security-section">
+        <view class="security-badge">
+          <image class="security-icon" src="./shield.png" />
+          <text class="security-text">Secured by encryption</text>
+        </view>
+        <view class="security-bg"></view>
+      </view>
+
+      <view class="action-section">
+        <view
+          class="pay-button"
+          bindtap="submitPayment"
+          hover-class="pay-button-hover"
+        >
+          <text class="pay-button-text">Pay Now</text>
+        </view>
+        <text class="pay-agreement">By paying, you agree to our Terms of Service</text>
+      </view>
+    </pay-form>
+  </view>
+</template>
+
+<script>
+import { createPage, ref, computed, onMounted, toRefs } from '@mpxjs/core'
+
+createPage({
+  setup (props, context) {
+    const orderId = ref('')
+    const amount = ref(0)
+
+    const selectedMethod = ref({ id: 'wechat', name: 'WeChat Pay' })
+    const coupon = ref(null)
+    const payStatus = ref('idle')
+
+    const formatAmount = computed(() => {
+      return '¥' + (amount / 100).toFixed(2)
+    })
+
+    const methodStyle = computed(() => {
+      return {
+        '--method-color': selectedMethod.value.id === 'wechat' ? '#07c160' : '#1677ff',
+        borderColor: 'var(--method-color)'
+      }
+    })
+
+    onMounted(() => {
+      queryPayForm()
+    })
+
+    function queryPayForm () {
+      context.selectComponent('#pay-form')
+    }
+
+    function showMethodPicker () {
+      mpx.showActionSheet({
+        itemList: ['WeChat Pay', 'Alipay', 'Bank Card'],
+        success (res) {
+          const methods = [
+            { id: 'wechat', name: 'WeChat Pay' },
+            { id: 'alipay', name: 'Alipay' },
+            { id: 'bank', name: 'Bank Card' }
+          ]
+          selectedMethod.value = methods[res.tapIndex]
+        }
+      })
+    }
+
+    function submitPayment () {
+      if (payStatus.value === 'loading') return
+      payStatus.value = 'loading'
+
+      mpx.request({
+        url: '/api/pay/create',
+        method: 'POST',
+        data: {
+          orderId: orderId,
+          method: selectedMethod.value.id,
+          couponId: coupon.value ? coupon.value.id : null
+        },
+        success (res) {
+          if (res.data.code === 0) {
+            payStatus.value = 'success'
+            mpx.showToast({ title: 'Payment Successful', icon: 'success' })
+            setTimeout(() => {
+              mpx.navigateBack()
+            }, 1500)
+          } else {
+            payStatus.value = 'idle'
+            mpx.showModal({ title: 'Error', content: res.data.message })
+          }
+        },
+        fail () {
+          payStatus.value = 'idle'
+          mpx.showToast({ title: 'Network Error', icon: 'none' })
+        }
+      })
+    }
+
+    function onPaySuccess (e) {
+      console.log('pay success:', e.detail)
+    }
+
+    return {
+      orderId,
+      amount,
+      selectedMethod,
+      coupon,
+      payStatus,
+      formatAmount,
+      methodStyle,
+      showMethodPicker,
+      submitPayment,
+      onPaySuccess
+    }
+  },
+  onLoad (query, decodedQuery) {
+    this.orderId = decodedQuery.orderId || query.orderId || ''
+    this.amount = Number(decodedQuery.amount || query.amount || 0)
+  }
+})
+</script>
+
+<style>
+.payment-page {
+  min-height: 100vh;
+  background-color: #f5f7fa;
+  padding: 30rpx;
+}
+
+.pay-header {
+  text-align: center;
+  padding: 40rpx 0;
+}
+
+.pay-title {
+  font-size: 32rpx;
+  color: #333;
+  font-family: 'PingFang SC', 'Helvetica Neue', sans-serif;
+}
+
+.pay-amount {
+  font-size: 64rpx;
+  color: #1a1a2e;
+  font-weight: bold;
+  margin-top: 16rpx;
+  text-decoration-style: dashed;
+  text-decoration-color: #ccc;
+}
+
+.form-section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+}
+
+.form-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.method-selector {
+  padding: 12rpx 24rpx;
+  border-radius: 8rpx;
+  border-top-style: dashed;
+  border-bottom-style: solid;
+  border-left-style: solid;
+  border-right-style: solid;
+  border-width: 1px;
+  border-color: #ddd;
+}
+
+.coupon-tag {
+  padding: 6rpx 16rpx;
+  background-color: #fff0f0;
+  border-radius: 6rpx;
+}
+
+.coupon-text {
+  font-size: 24rpx;
+  color: #ff4d4f;
+}
+
+.no-coupon {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.security-section {
+  margin-bottom: 30rpx;
+  position: relative;
+}
+
+.security-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16rpx;
+}
+
+.security-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 8rpx;
+}
+
+.security-text {
+  font-size: 22rpx;
+  color: #52c41a;
+}
+
+.security-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('./security-pattern.png');
+  background-repeat: repeat-x;
+  opacity: 0.05;
+  z-index: -1;
+}
+
+.pay-button {
+  /* @mpx-if (ios||android||harmony) */
+  background-color: #1677ff;
+  border-radius: 44rpx;
+  /* @mpx-endif */
+}
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+.pay-button {
+  width: 100%;
+  height: 88rpx;
+  background-color: #07c160;
+  border-radius: 44rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pay-button-hover {
+  opacity: 0.8;
+}
+
+.pay-button-text {
+  font-size: 32rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.pay-agreement {
+  font-size: 20rpx;
+  color: #999;
+  text-align: center;
+  margin-top: 16rpx;
+}
+</style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "pay-form": "../components/pay-form/index"
+    },
+    "navigationBarTitleText": "Payment"
+  }
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_gene/outputs/payment-page.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_gene/outputs/payment-page.mpx
new file mode 100644
index 0000000000..2b004de01d
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_gene/outputs/payment-page.mpx
@@ -0,0 +1,363 @@
+<template>
+  <view class="payment-page">
+    <scroll-view @_ios|_android|_harmony scroll-y style="flex: 1;">
+      <view class="pay-header">
+        <text class="pay-title">Confirm Payment</text>
+        <text class="pay-amount">{{formatAmount}}</text>
+      </view>
+
+      <pay-form id="pay-form" wx:ref bindsuccess="onPaySuccess">
+        <view class="form-section">
+          <view class="form-item">
+            <text class="form-label">Payment Method</text>
+            <view
+              class="method-selector"
+              bindtap="showMethodPicker"
+              wx:style="{{methodStyle}}"
+            >
+              <text>{{selectedMethod.name}}</text>
+            </view>
+          </view>
+
+          <view class="form-item">
+            <text class="form-label">Coupon</text>
+            <view class="coupon-tag" wx:if="{{coupon}}">
+              <text class="coupon-text">-{{coupon.discount}}</text>
+            </view>
+            <text wx:else class="no-coupon">None</text>
+          </view>
+        </view>
+
+        <view class="security-section">
+          <view class="security-badge">
+            <image class="security-icon" src="./shield.png" />
+            <text class="security-text">Secured by encryption</text>
+          </view>
+          <view class="security-bg" enable-background></view>
+        </view>
+
+        <view class="action-section">
+          <view
+            class="pay-button"
+            bindtap="submitPayment"
+            hover-class="pay-button-hover"
+          >
+            <text class="pay-button-text">Pay Now</text>
+          </view>
+          <text class="pay-agreement">By paying, you agree to our Terms of Service</text>
+        </view>
+      </pay-form>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import { createPage, ref, computed, onMounted, toRefs } from '@mpxjs/core'
+
+createPage({
+  setup (props, context) {
+    const orderId = ref('')
+    const amount = ref(0)
+
+    const selectedMethod = ref({ id: 'wechat', name: 'WeChat Pay' })
+    const coupon = ref(null)
+    const payStatus = ref('idle')
+
+    const formatAmount = computed(() => {
+      return '¥' + (amount.value / 100).toFixed(2)
+    })
+
+    const methodStyle = computed(() => {
+      const color = selectedMethod.value.id === 'wechat' ? '#07c160' : '#1677ff'
+      return {
+        borderColor: color
+      }
+    })
+
+    onMounted(() => {
+      queryPayForm()
+    })
+
+    function queryPayForm () {
+      context.selectComponent('#pay-form')
+    }
+
+    function showMethodPicker () {
+      mpx.showActionSheet({
+        itemList: ['WeChat Pay', 'Alipay', 'Bank Card'],
+        success (res) {
+          const methods = [
+            { id: 'wechat', name: 'WeChat Pay' },
+            { id: 'alipay', name: 'Alipay' },
+            { id: 'bank', name: 'Bank Card' }
+          ]
+          selectedMethod.value = methods[res.tapIndex]
+        }
+      })
+    }
+
+    function submitPayment () {
+      if (payStatus.value === 'loading') return
+      payStatus.value = 'loading'
+
+      mpx.request({
+        url: '/api/pay/create',
+        method: 'POST',
+        data: {
+          orderId: orderId.value,
+          method: selectedMethod.value.id,
+          couponId: coupon.value ? coupon.value.id : null
+        },
+        success (res) {
+          if (res.data.code === 0) {
+            payStatus.value = 'success'
+            mpx.showToast({ title: 'Payment Successful', icon: 'success' })
+            setTimeout(() => {
+              mpx.navigateBack()
+            }, 1500)
+          } else {
+            payStatus.value = 'idle'
+            mpx.showModal({ title: 'Error', content: res.data.message })
+          }
+        },
+        fail () {
+          payStatus.value = 'idle'
+          mpx.showToast({ title: 'Network Error', icon: 'none' })
+        }
+      })
+    }
+
+    function onPaySuccess (e) {
+      console.log('pay success:', e.detail)
+    }
+
+    return {
+      orderId,
+      amount,
+      selectedMethod,
+      coupon,
+      payStatus,
+      formatAmount,
+      methodStyle,
+      showMethodPicker,
+      submitPayment,
+      onPaySuccess
+    }
+  },
+  onLoad (query, decodedQuery) {
+    this.orderId = decodedQuery.orderId || query.orderId || ''
+    this.amount = Number(decodedQuery.amount || query.amount || 0)
+  }
+})
+</script>
+
+<style>
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+.payment-page {
+  flex: 1;
+  background-color: #f5f7fa;
+  padding: 30rpx;
+}
+/* @mpx-else */
+.payment-page {
+  min-height: 100vh;
+  background-color: #f5f7fa;
+  padding: 30rpx;
+}
+/* @mpx-endif */
+
+.pay-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 40rpx 0;
+}
+
+.pay-title {
+  font-size: 32rpx;
+  color: #333;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  font-family: 'PingFang SC', 'Helvetica Neue', sans-serif;
+  /* @mpx-endif */
+}
+
+.pay-amount {
+  font-size: 64rpx;
+  color: #1a1a2e;
+  font-weight: bold;
+  margin-top: 16rpx;
+  border-style: solid;
+  border-color: #eee;
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  border-width: hairlineWidth;
+  /* @mpx-else */
+  border-width: 1px;
+  text-decoration-style: dashed;
+  text-decoration-color: #ccc;
+  /* @mpx-endif */
+}
+
+.form-section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+}
+
+.form-item {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 0;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+.method-selector {
+  padding: 12rpx 24rpx;
+  border-radius: 8rpx;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #ddd;
+}
+/* @mpx-else */
+.method-selector {
+  padding: 12rpx 24rpx;
+  border-radius: 8rpx;
+  border-top-style: dashed;
+  border-bottom-style: solid;
+  border-left-style: solid;
+  border-right-style: solid;
+  border-width: 1px;
+  border-color: #ddd;
+}
+/* @mpx-endif */
+
+.coupon-tag {
+  padding: 6rpx 16rpx;
+  background-color: #fff0f0;
+  border-radius: 6rpx;
+}
+
+.coupon-text {
+  font-size: 24rpx;
+  color: #ff4d4f;
+}
+
+.no-coupon {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.security-section {
+  margin-bottom: 30rpx;
+  position: relative;
+}
+
+.security-badge {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 16rpx;
+}
+
+.security-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 8rpx;
+}
+
+.security-text {
+  font-size: 22rpx;
+  color: #52c41a;
+}
+
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+.security-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('./security-pattern.png');
+  opacity: 0.05;
+}
+/* @mpx-else */
+.security-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('./security-pattern.png');
+  background-repeat: repeat-x;
+  opacity: 0.05;
+  z-index: -1;
+}
+/* @mpx-endif */
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+.pay-button {
+  width: 100%;
+  height: 88rpx;
+  background-color: #1677ff;
+  border-radius: 44rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+/* @mpx-else */
+.pay-button {
+  width: 100%;
+  height: 88rpx;
+  background-color: #07c160;
+  border-radius: 44rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+/* @mpx-endif */
+
+.pay-button-hover {
+  opacity: 0.8;
+}
+
+.pay-button-text {
+  font-size: 32rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.pay-agreement {
+  font-size: 20rpx;
+  color: #999;
+  text-align: center;
+  margin-top: 16rpx;
+}
+</style>
+
+<script name="json">
+const isRN = __mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony'
+
+module.exports = {
+  usingComponents: {
+    'pay-form': '../components/pay-form/index'
+  },
+  navigationBarTitleText: 'Payment',
+  disableScroll: isRN ? false : true
+}
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_gene/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_gene/run-1/grading.json
new file mode 100644
index 0000000000..61d6d7a8f5
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_gene/run-1/grading.json
@@ -0,0 +1,79 @@
+{
+  "eval_id": 5,
+  "run_kind": "mpx2rn_gene",
+  "expectations": [
+    {
+      "id": "c0",
+      "text": "style: @mpx-if 包裹完整规则不产生空选择器",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c1",
+      "text": "style: font-family 使用单一字体名",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c2",
+      "text": "style: border-style 统一设置不使用单边",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c3",
+      "text": "template: 内联 style 不使用 border 简写",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c4",
+      "text": "template: selectComponent 目标自定义组件添加 wx:ref",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c5",
+      "text": "template: 动态 CSS 变量元素设置 enable-var",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c6",
+      "text": "script: props 通过 toRefs 解构保持响应式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c7",
+      "text": "style: background-repeat 仅使用 no-repeat",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c8",
+      "text": "json: JSON 条件编译使用 if(__mpx_mode__) 不使用注释语法",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c9",
+      "text": "style: text-decoration-style/color 条件编译处理",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c10",
+      "text": "script: onLoad 使用 decodedQuery 第二个参数",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.7273,
+    "passed": 8,
+    "failed": 3,
+    "total": 11
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_original/outputs/payment-page.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_original/outputs/payment-page.mpx
new file mode 100644
index 0000000000..d89e8d0dda
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_original/outputs/payment-page.mpx
@@ -0,0 +1,340 @@
+<template>
+  <view class="payment-page">
+    <view class="pay-header">
+      <text class="pay-title">Confirm Payment</text>
+      <text class="pay-amount">{{formatAmount}}</text>
+    </view>
+
+    <pay-form id="pay-form" wx:ref bindsuccess="onPaySuccess">
+      <view class="form-section">
+        <view class="form-item">
+          <text class="form-label">Payment Method</text>
+          <view
+            class="method-selector"
+            bindtap="showMethodPicker"
+            wx:style="{{methodStyle}}"
+          >
+            <text>{{selectedMethod.name}}</text>
+          </view>
+        </view>
+
+        <view class="form-item">
+          <text class="form-label">Coupon</text>
+          <view class="coupon-tag" wx:if="{{coupon}}">
+            <text class="coupon-text">-{{coupon.discount}}</text>
+          </view>
+          <text wx:else class="no-coupon">None</text>
+        </view>
+      </view>
+
+      <view class="security-section">
+        <view class="security-badge">
+          <image class="security-icon" src="./shield.png" />
+          <text class="security-text">Secured by encryption</text>
+        </view>
+        <view class="security-bg"></view>
+      </view>
+
+      <view class="action-section">
+        <view
+          class="pay-button"
+          bindtap="submitPayment"
+          hover-class="pay-button-hover"
+        >
+          <text class="pay-button-text">Pay Now</text>
+        </view>
+        <text class="pay-agreement">By paying, you agree to our Terms of Service</text>
+      </view>
+    </pay-form>
+  </view>
+</template>
+
+<script>
+import { createPage, ref, computed, onMounted, toRefs } from '@mpxjs/core'
+
+createPage({
+  setup (props, context) {
+    const orderId = ref('')
+    const amount = ref(0)
+
+    const selectedMethod = ref({ id: 'wechat', name: 'WeChat Pay' })
+    const coupon = ref(null)
+    const payStatus = ref('idle')
+
+    const formatAmount = computed(() => {
+      return '¥' + (amount.value / 100).toFixed(2)
+    })
+
+    const methodStyle = computed(() => {
+      const color = selectedMethod.value.id === 'wechat' ? '#07c160' : '#1677ff'
+      return {
+        borderColor: color
+      }
+    })
+
+    onMounted(() => {
+      queryPayForm()
+    })
+
+    function queryPayForm () {
+      context.selectComponent('#pay-form')
+    }
+
+    function showMethodPicker () {
+      mpx.showActionSheet({
+        itemList: ['WeChat Pay', 'Alipay', 'Bank Card'],
+        success (res) {
+          const methods = [
+            { id: 'wechat', name: 'WeChat Pay' },
+            { id: 'alipay', name: 'Alipay' },
+            { id: 'bank', name: 'Bank Card' }
+          ]
+          selectedMethod.value = methods[res.tapIndex]
+        }
+      })
+    }
+
+    function submitPayment () {
+      if (payStatus.value === 'loading') return
+      payStatus.value = 'loading'
+
+      mpx.request({
+        url: '/api/pay/create',
+        method: 'POST',
+        data: {
+          orderId: orderId.value,
+          method: selectedMethod.value.id,
+          couponId: coupon.value ? coupon.value.id : null
+        },
+        success (res) {
+          if (res.data.code === 0) {
+            payStatus.value = 'success'
+            mpx.showToast({ title: 'Payment Successful', icon: 'success' })
+            setTimeout(() => {
+              mpx.navigateBack()
+            }, 1500)
+          } else {
+            payStatus.value = 'idle'
+            mpx.showModal({ title: 'Error', content: res.data.message })
+          }
+        },
+        fail () {
+          payStatus.value = 'idle'
+          mpx.showToast({ title: 'Network Error', icon: 'none' })
+        }
+      })
+    }
+
+    function onPaySuccess (e) {
+      console.log('pay success:', e.detail)
+    }
+
+    return {
+      orderId,
+      amount,
+      selectedMethod,
+      coupon,
+      payStatus,
+      formatAmount,
+      methodStyle,
+      showMethodPicker,
+      submitPayment,
+      onPaySuccess
+    }
+  },
+  onLoad (query, decodedQuery) {
+    this.orderId = decodedQuery.orderId || query.orderId || ''
+    this.amount = Number(decodedQuery.amount || query.amount || 0)
+  }
+})
+</script>
+
+<style>
+.payment-page {
+  min-height: 100vh;
+  background-color: #f5f7fa;
+  padding: 30rpx;
+}
+
+.pay-header {
+  text-align: center;
+  padding: 40rpx 0;
+}
+
+.pay-title {
+  font-size: 32rpx;
+  color: #333;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  /* todo: RN 仅支持单字体，不支持多字体 fallback 列表 */
+  font-family: 'PingFang SC', 'Helvetica Neue', sans-serif;
+  /* @mpx-else */
+  font-family: PingFangSC-Regular;
+  /* @mpx-endif */
+}
+
+.pay-amount {
+  font-size: 64rpx;
+  color: #1a1a2e;
+  font-weight: bold;
+  margin-top: 16rpx;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #eee;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  /* todo: text-decoration-style 和 text-decoration-color 在 RN 中仅 iOS 部分支持，Android/Harmony 不支持，保留在原平台 */
+  text-decoration-style: dashed;
+  text-decoration-color: #ccc;
+  /* @mpx-endif */
+}
+
+.form-section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+}
+
+.form-item {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 0;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.method-selector {
+  padding: 12rpx 24rpx;
+  border-radius: 8rpx;
+  border-width: 1px;
+  border-color: #ddd;
+  /* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+  /* todo: RN 不支持各方向独立 border-style，原平台保留 dashed/solid 混合写法 */
+  border-top-style: dashed;
+  border-bottom-style: solid;
+  border-left-style: solid;
+  border-right-style: solid;
+  /* @mpx-else */
+  border-style: solid;
+  /* @mpx-endif */
+}
+
+.coupon-tag {
+  padding: 6rpx 16rpx;
+  background-color: #fff0f0;
+  border-radius: 6rpx;
+}
+
+.coupon-text {
+  font-size: 24rpx;
+  color: #ff4d4f;
+}
+
+.no-coupon {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.security-section {
+  margin-bottom: 30rpx;
+  position: relative;
+}
+
+.security-badge {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 16rpx;
+}
+
+.security-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 8rpx;
+}
+
+.security-text {
+  font-size: 22rpx;
+  color: #52c41a;
+}
+
+/* @mpx-if (__mpx_mode__ === 'wx' || __mpx_mode__ === 'ali' || __mpx_mode__ === 'web') */
+/* todo: RN 的 background-repeat 仅支持 no-repeat，不支持 repeat-x；保留原平台 repeat-x 写法 */
+.security-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('./security-pattern.png');
+  background-repeat: repeat-x;
+  opacity: 0.05;
+  z-index: -1;
+}
+/* @mpx-else */
+.security-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('./security-pattern.png');
+  background-repeat: no-repeat;
+  opacity: 0.05;
+  z-index: -1;
+}
+/* @mpx-endif */
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+.pay-button {
+  width: 100%;
+  height: 88rpx;
+  border-radius: 44rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  /* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+  background-color: #1677ff;
+  /* @mpx-else */
+  background-color: #07c160;
+  /* @mpx-endif */
+}
+
+.pay-button-hover {
+  opacity: 0.8;
+}
+
+.pay-button-text {
+  font-size: 32rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.pay-agreement {
+  font-size: 20rpx;
+  color: #999;
+  text-align: center;
+  margin-top: 16rpx;
+}
+</style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "pay-form": "../components/pay-form/index"
+    },
+    "navigationBarTitleText": "Payment"
+  }
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_original/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_original/run-1/grading.json
new file mode 100644
index 0000000000..8d6293ab46
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/mpx2rn_original/run-1/grading.json
@@ -0,0 +1,79 @@
+{
+  "eval_id": 5,
+  "run_kind": "mpx2rn_original",
+  "expectations": [
+    {
+      "id": "c0",
+      "text": "style: @mpx-if 包裹完整规则不产生空选择器",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c1",
+      "text": "style: font-family 使用单一字体名",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c2",
+      "text": "style: border-style 统一设置不使用单边",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c3",
+      "text": "template: 内联 style 不使用 border 简写",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c4",
+      "text": "template: selectComponent 目标自定义组件添加 wx:ref",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c5",
+      "text": "template: 动态 CSS 变量元素设置 enable-var",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c6",
+      "text": "script: props 通过 toRefs 解构保持响应式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c7",
+      "text": "style: background-repeat 仅使用 no-repeat",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c8",
+      "text": "json: JSON 条件编译使用 if(__mpx_mode__) 不使用注释语法",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c9",
+      "text": "style: text-decoration-style/color 条件编译处理",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c10",
+      "text": "script: onLoad 使用 decodedQuery 第二个参数",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.9091,
+    "passed": 10,
+    "failed": 1,
+    "total": 11
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/no_skill/outputs/payment-page.mpx b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/no_skill/outputs/payment-page.mpx
new file mode 100644
index 0000000000..3a3134760e
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/no_skill/outputs/payment-page.mpx
@@ -0,0 +1,347 @@
+<template>
+  <view class="payment-page">
+    <view class="pay-header">
+      <text class="pay-title">Confirm Payment</text>
+      <!-- @mpx-if (ios||android||harmony) -->
+      <text class="pay-amount" :style="{borderWidth: 1, borderColor: '#eee', borderStyle: 'solid'}">{{formatAmount}}</text>
+      <!-- @mpx-else -->
+      <text class="pay-amount" style="border: 1px solid #eee">{{formatAmount}}</text>
+      <!-- @mpx-endif -->
+    </view>
+
+    <pay-form id="pay-form" bindsuccess="onPaySuccess">
+      <view class="form-section">
+        <view class="form-item">
+          <text class="form-label">Payment Method</text>
+          <view
+            class="method-selector"
+            bindtap="showMethodPicker"
+            :style="methodStyle"
+          >
+            <text>{{selectedMethod.name}}</text>
+          </view>
+        </view>
+
+        <view class="form-item">
+          <text class="form-label">Coupon</text>
+          <view class="coupon-tag" wx:if="{{coupon}}">
+            <text class="coupon-text">-{{coupon.discount}}</text>
+          </view>
+          <text wx:else class="no-coupon">None</text>
+        </view>
+      </view>
+
+      <view class="security-section">
+        <view class="security-badge">
+          <image class="security-icon" src="./shield.png" />
+          <text class="security-text">Secured by encryption</text>
+        </view>
+        <!-- @mpx-if !(ios||android||harmony) -->
+        <view class="security-bg"></view>
+        <!-- @mpx-endif -->
+      </view>
+
+      <view class="action-section">
+        <view
+          class="pay-button"
+          bindtap="submitPayment"
+          hover-class="pay-button-hover"
+        >
+          <text class="pay-button-text">Pay Now</text>
+        </view>
+        <text class="pay-agreement">By paying, you agree to our Terms of Service</text>
+      </view>
+    </pay-form>
+  </view>
+</template>
+
+<script>
+import { createPage, ref, computed, onMounted } from '@mpxjs/core'
+import mpx from '@mpxjs/core'
+
+createPage({
+  setup (props, context) {
+    const orderId = ref('')
+    const amount = ref(0)
+
+    const selectedMethod = ref({ id: 'wechat', name: 'WeChat Pay' })
+    const coupon = ref(null)
+    const payStatus = ref('idle')
+
+    const formatAmount = computed(() => {
+      return '¥' + (amount.value / 100).toFixed(2)
+    })
+
+    const methodStyle = computed(() => {
+      /* @mpx-if (ios||android||harmony) */
+      return {
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderColor: selectedMethod.value.id === 'wechat' ? '#07c160' : '#1677ff'
+      }
+      /* @mpx-else */
+      return {
+        '--method-color': selectedMethod.value.id === 'wechat' ? '#07c160' : '#1677ff',
+        borderColor: 'var(--method-color)'
+      }
+      /* @mpx-endif */
+    })
+
+    /* @mpx-if !(ios||android||harmony) */
+    onMounted(() => {
+      queryPayForm()
+    })
+
+    function queryPayForm () {
+      context.selectComponent('#pay-form')
+    }
+    /* @mpx-endif */
+
+    function showMethodPicker () {
+      mpx.showActionSheet({
+        itemList: ['WeChat Pay', 'Alipay', 'Bank Card'],
+        success (res) {
+          const methods = [
+            { id: 'wechat', name: 'WeChat Pay' },
+            { id: 'alipay', name: 'Alipay' },
+            { id: 'bank', name: 'Bank Card' }
+          ]
+          selectedMethod.value = methods[res.tapIndex]
+        }
+      })
+    }
+
+    function submitPayment () {
+      if (payStatus.value === 'loading') return
+      payStatus.value = 'loading'
+
+      mpx.request({
+        url: '/api/pay/create',
+        method: 'POST',
+        data: {
+          orderId: orderId.value,
+          method: selectedMethod.value.id,
+          couponId: coupon.value ? coupon.value.id : null
+        },
+        success (res) {
+          if (res.data.code === 0) {
+            payStatus.value = 'success'
+            mpx.showToast({ title: 'Payment Successful', icon: 'success' })
+            setTimeout(() => {
+              mpx.navigateBack()
+            }, 1500)
+          } else {
+            payStatus.value = 'idle'
+            mpx.showModal({ title: 'Error', content: res.data.message })
+          }
+        },
+        fail () {
+          payStatus.value = 'idle'
+          mpx.showToast({ title: 'Network Error', icon: 'none' })
+        }
+      })
+    }
+
+    function onPaySuccess (e) {
+      console.log('pay success:', e.detail)
+    }
+
+    return {
+      orderId,
+      amount,
+      selectedMethod,
+      coupon,
+      payStatus,
+      formatAmount,
+      methodStyle,
+      showMethodPicker,
+      submitPayment,
+      onPaySuccess
+    }
+  },
+  onLoad (query, decodedQuery) {
+    this.orderId = decodedQuery.orderId || query.orderId || ''
+    this.amount = Number(decodedQuery.amount || query.amount || 0)
+  }
+})
+</script>
+
+<style>
+.payment-page {
+  /* @mpx-if (ios||android||harmony) */
+  flex: 1;
+  /* @mpx-else */
+  min-height: 100vh;
+  /* @mpx-endif */
+  background-color: #f5f7fa;
+  padding: 30rpx;
+}
+
+.pay-header {
+  text-align: center;
+  padding: 40rpx 0;
+}
+
+.pay-title {
+  font-size: 32rpx;
+  color: #333;
+  /* @mpx-if !(ios||android||harmony) */
+  font-family: 'PingFang SC', 'Helvetica Neue', sans-serif;
+  /* @mpx-endif */
+}
+
+.pay-amount {
+  font-size: 64rpx;
+  color: #1a1a2e;
+  font-weight: bold;
+  margin-top: 16rpx;
+  /* @mpx-if !(ios||android||harmony) */
+  text-decoration-style: dashed;
+  text-decoration-color: #ccc;
+  /* @mpx-endif */
+}
+
+.form-section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+}
+
+.form-item {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 0;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #f0f0f0;
+}
+
+.form-label {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.method-selector {
+  padding: 12rpx 24rpx;
+  border-radius: 8rpx;
+  /* @mpx-if (ios||android||harmony) */
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ddd;
+  /* @mpx-else */
+  border-top-style: dashed;
+  border-bottom-style: solid;
+  border-left-style: solid;
+  border-right-style: solid;
+  border-width: 1px;
+  border-color: #ddd;
+  /* @mpx-endif */
+}
+
+.coupon-tag {
+  padding: 6rpx 16rpx;
+  background-color: #fff0f0;
+  border-radius: 6rpx;
+}
+
+.coupon-text {
+  font-size: 24rpx;
+  color: #ff4d4f;
+}
+
+.no-coupon {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.security-section {
+  margin-bottom: 30rpx;
+  /* @mpx-if !(ios||android||harmony) */
+  position: relative;
+  /* @mpx-endif */
+}
+
+.security-badge {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 16rpx;
+}
+
+.security-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 8rpx;
+}
+
+.security-text {
+  font-size: 22rpx;
+  color: #52c41a;
+}
+
+/* @mpx-if !(ios||android||harmony) */
+.security-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('./security-pattern.png');
+  background-repeat: repeat-x;
+  opacity: 0.05;
+  z-index: -1;
+}
+/* @mpx-endif */
+
+.pay-button {
+  /* @mpx-if (ios||android||harmony) */
+  background-color: #1677ff;
+  border-radius: 44rpx;
+  /* @mpx-endif */
+}
+
+.action-section {
+  margin-top: 40rpx;
+}
+
+.pay-button {
+  width: 100%;
+  height: 88rpx;
+  background-color: #07c160;
+  border-radius: 44rpx;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.pay-button-hover {
+  opacity: 0.8;
+}
+
+.pay-button-text {
+  font-size: 32rpx;
+  color: #fff;
+  font-weight: bold;
+}
+
+.pay-agreement {
+  font-size: 20rpx;
+  color: #999;
+  text-align: center;
+  margin-top: 16rpx;
+}
+</style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "pay-form": "../components/pay-form/index"
+    },
+    "navigationBarTitleText": "Payment"
+  }
+</script>
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/no_skill/run-1/grading.json b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/no_skill/run-1/grading.json
new file mode 100644
index 0000000000..240ae9033e
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/eval-5-conditional-compile-advanced/no_skill/run-1/grading.json
@@ -0,0 +1,79 @@
+{
+  "eval_id": 5,
+  "run_kind": "no_skill",
+  "expectations": [
+    {
+      "id": "c0",
+      "text": "style: @mpx-if 包裹完整规则不产生空选择器",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c1",
+      "text": "style: font-family 使用单一字体名",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c2",
+      "text": "style: border-style 统一设置不使用单边",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c3",
+      "text": "template: 内联 style 不使用 border 简写",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c4",
+      "text": "template: selectComponent 目标自定义组件添加 wx:ref",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c5",
+      "text": "template: 动态 CSS 变量元素设置 enable-var",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c6",
+      "text": "script: props 通过 toRefs 解构保持响应式",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c7",
+      "text": "style: background-repeat 仅使用 no-repeat",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c8",
+      "text": "json: JSON 条件编译使用 if(__mpx_mode__) 不使用注释语法",
+      "passed": true,
+      "evidence": "PASS"
+    },
+    {
+      "id": "c9",
+      "text": "style: text-decoration-style/color 条件编译处理",
+      "passed": false,
+      "evidence": "FAIL"
+    },
+    {
+      "id": "c10",
+      "text": "script: onLoad 使用 decodedQuery 第二个参数",
+      "passed": true,
+      "evidence": "PASS"
+    }
+  ],
+  "summary": {
+    "pass_rate": 0.3636,
+    "passed": 4,
+    "failed": 7,
+    "total": 11
+  },
+  "metrics": null
+}
\ No newline at end of file
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/evals.json b/.agents/skills/mpx2rn-workspace/iteration-8/evals.json
new file mode 100644
index 0000000000..7af87dec60
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/evals.json
@@ -0,0 +1,143 @@
+{
+  "skill_name": "mpx2rn eval comparison",
+  "iteration": 8,
+  "description": "eval-0~2 为常规复杂度（分别侧重样式/模板/脚本JSON），eval-3~5 为刁钻复杂度（每个覆盖样式+模板+脚本+JSON，需深度阅读 skill 细节才能正确处理）",
+  "runner": {
+    "prompt_templates": "prompt_templates.json",
+    "run_script": "run_evals.py",
+    "grade_script": "grade.py",
+    "usage": "1) python3 run_evals.py [--evals 0 1] [--groups no_skill] [--model opus] 生成 agent dispatch JSON，每个 dispatch 包含 output_path 与 metrics_path; 2) 将输出的每个 dispatch 作为 Agent 工具调用（run_in_background）并行执行，子 agent 仅需写入 output_path; 3) 每个 agent 完成后，主 agent 从 task-notification 的 <usage> 标签提取真实指标（total_tokens/tool_uses/duration_ms）写入对应 metrics_path; 4) 全部完成后运行 python3 grade.py 评分，grading.json 包含 summary 与 metrics"
+  },
+  "comparison": {
+    "groups": [
+      {"id": "no_skill", "label": "不使用 skill (baseline)"},
+      {"id": "mpx2rn_original", "label": "使用 mpx2rn 原版 skill", "skill": ".agents/skills/mpx2rn/SKILL.md"},
+      {"id": "mpx2rn_gene", "label": "使用 mpx2rn gene 版 skill", "skill": ".agents/skills/mpx2rn-gene/SKILL.md"}
+    ]
+  },
+  "evals": [
+    {
+      "id": 0,
+      "name": "style-adaptation",
+      "focus": "style",
+      "complexity": "normal",
+      "prompt": "请对附件中的 product-card.mpx 组件进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style），不要省略任何内容。",
+      "files": ["input/product-card.mpx"],
+      "assertions": [
+        {"id": "s0", "text": "style on RN: no descendant selectors (.parent .child)"},
+        {"id": "s1", "text": "style on RN: no display: grid (replaced with flex)"},
+        {"id": "s2", "text": "style on RN: no ::before pseudo-element"},
+        {"id": "s3", "text": "style on RN: no :active pseudo-class (use hover-class instead)"},
+        {"id": "s4", "text": "style on RN: no :first-child pseudo-class"},
+        {"id": "s5", "text": "style on RN: no + adjacent sibling combinator"},
+        {"id": "s6", "text": "style: numeric font-weight (500/600) replaced with bold/normal"},
+        {"id": "s7", "text": "style: text-overflow/white-space dual-track with numberOfLines on RN"},
+        {"id": "s8", "text": "template: real node added to replace ::before pseudo-element"},
+        {"id": "s9", "text": "style: conditional compile uses @mpx-endif (not @mpx-end-if)"},
+        {"id": "s10", "text": "style: no empty selector rules after stripping comments"},
+        {"id": "s11", "text": "style on RN: no > child combinator"},
+        {"id": "s12", "text": "style on RN: no multi-class selector (.a.b)"},
+        {"id": "s13", "text": "style on RN: no + adjacent sibling combinator (tag-highlight pattern)"}
+      ]
+    },
+    {
+      "id": 1,
+      "name": "template-adaptation",
+      "focus": "template",
+      "complexity": "normal",
+      "prompt": "请对附件中的 order-list.mpx 页面进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style），不要省略任何内容。",
+      "files": ["input/order-list.mpx"],
+      "assertions": [
+        {"id": "t0", "text": "template: dynamic class via wx:class (not class string interpolation)"},
+        {"id": "t1", "text": "template: event params use inline syntax (not data- dataset)"},
+        {"id": "t2", "text": "template: no method calls in Mustache (getStatusColor/getStatusText replaced with computed or wx:style binding)"},
+        {"id": "t3", "text": "template: page scroll replaced with scroll-view (onPullDownRefresh/onReachBottom removed)"},
+        {"id": "t4", "text": "template: scroll-view has bindscrolltolower or equivalent scroll event"},
+        {"id": "t5", "text": "script: all wx.xxx API replaced with mpx.xxx"},
+        {"id": "t6", "text": "script: no e.target.dataset usage (event params via inline syntax)"},
+        {"id": "t7", "text": "style on RN: no .btn-default .btn-text compound selector"},
+        {"id": "t8", "text": "template: wx:style object keys use unquoted camelCase (no quoted or kebab-case keys)"}
+      ]
+    },
+    {
+      "id": 2,
+      "name": "script-json-adaptation",
+      "focus": "script/json",
+      "complexity": "normal",
+      "prompt": "请对附件中的 user-profile.mpx 页面进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+      "files": ["input/user-profile.mpx"],
+      "assertions": [
+        {"id": "j0", "text": "script: all wx.xxx API replaced with mpx.xxx (request/navigateTo/showModal/getStorageSync/setStorageSync/removeStorageSync/showToast/reLaunch)"},
+        {"id": "j1", "text": "script: onShareTimeline removed or isolated with conditional compile (RN unsupported)"},
+        {"id": "j2", "text": "script: onTabItemTap removed or isolated with conditional compile (RN unsupported)"},
+        {"id": "j3", "text": "script: setTabBarBadge/removeTabBarBadge isolated with conditional compile (RN unsupported)"},
+        {"id": "j4", "text": "script: wx.getUserProfile isolated or replaced (RN unsupported)"},
+        {"id": "j5", "text": "script: no e.target.dataset usage (event params via inline syntax or e.currentTarget.dataset)"},
+        {"id": "j7", "text": "json: enablePullDownRefresh handled for RN (page not scrollable by default)"},
+        {"id": "j8", "text": "template: data- attributes removed (inline event params used instead)"},
+        {"id": "j9", "text": "script: onShareAppMessage preserved (RN supported, should not be removed)"}
+      ]
+    },
+    {
+      "id": 3,
+      "name": "gradient-animation-interaction",
+      "focus": "style/template/script/json",
+      "complexity": "tricky",
+      "prompt": "请对附件中的 carousel-card.mpx 组件进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+      "files": ["input/carousel-card.mpx"],
+      "assertions": [
+        {"id": "g0", "text": "style: linear-gradient 中 transparent 替换为目标颜色的 rgba 形式"},
+        {"id": "g1", "text": "style: display:none 替换为 width:0;height:0;overflow:hidden 或 wx:if"},
+        {"id": "g2", "text": "style: transition-property:all 替换为具体属性名"},
+        {"id": "g3", "text": "template: 动态 background-image 的 view 添加 enable-background"},
+        {"id": "g4", "text": "template: 动态 transition 的 view 添加 enable-animation"},
+        {"id": "g5", "text": "script: 生命周期钩子在 setup 中同步注册，不在异步回调中"},
+        {"id": "g6", "text": "script: relativeTo 使用简单选择器（不用复合/后代选择器）"},
+        {"id": "g7", "text": "json: 条件编译 JSON 使用 script name=\"json\" 格式"},
+        {"id": "g8", "text": "style: bindtap 元素不设 opacity:0（iOS 事件无法响应）"},
+        {"id": "g9", "text": "style: @keyframes 条件编译限制在非 RN 或替换为 transition"}
+      ]
+    },
+    {
+      "id": 4,
+      "name": "text-layout-selector",
+      "focus": "style/template/script/json",
+      "complexity": "tricky",
+      "prompt": "请对附件中的 data-panel.mpx 组件进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+      "files": ["input/data-panel.mpx"],
+      "assertions": [
+        {"id": "l0", "text": "style: 纵向布局显式声明 flex-direction:column"},
+        {"id": "l1", "text": "style: position:sticky 替换为 sticky-header 方案"},
+        {"id": "l2", "text": "style: 保留 /*use rpx*/ /*use px*/ 单位转换注释"},
+        {"id": "l3", "text": "style: background-image 不应用于 text 元素类"},
+        {"id": "l4", "text": "template: 内联 style 中不使用多值 margin/padding 简写"},
+        {"id": "l5", "text": "template: scroll-into-view 目标添加 wx:ref"},
+        {"id": "l6", "text": "template: createSelectorQuery 目标添加空 wx:ref"},
+        {"id": "l7", "text": "script: 选择器 API 仅使用 #id 或 .class 简单选择器"},
+        {"id": "l8", "text": "script: 非触摸事件不使用 catch 前缀"},
+        {"id": "l9", "text": "style: radial-gradient 条件编译或替换"}
+      ]
+    },
+    {
+      "id": 5,
+      "name": "conditional-compile-advanced",
+      "focus": "style/template/script/json",
+      "complexity": "tricky",
+      "prompt": "请对附件中的 payment-page.mpx 页面进行 RN 跨端适配改造，确保 RN 平台编译运行正确，同时保留小程序/Web 平台兼容性。请输出修改后的完整 .mpx 文件（保持 SFC 结构 template/script/style/json），不要省略任何内容。",
+      "files": ["input/payment-page.mpx"],
+      "assertions": [
+        {"id": "c0", "text": "style: @mpx-if 包裹完整规则不产生空选择器"},
+        {"id": "c1", "text": "style: font-family 使用单一字体名"},
+        {"id": "c2", "text": "style: border-style 统一设置不使用单边"},
+        {"id": "c3", "text": "template: 内联 style 不使用 border 简写"},
+        {"id": "c4", "text": "template: selectComponent 目标自定义组件添加 wx:ref"},
+        {"id": "c5", "text": "template: 动态 CSS 变量元素设置 enable-var"},
+        {"id": "c6", "text": "script: props 通过 toRefs 解构保持响应式"},
+        {"id": "c7", "text": "style: background-repeat 仅使用 no-repeat"},
+        {"id": "c8", "text": "json: JSON 条件编译使用 if(__mpx_mode__) 不使用注释语法"},
+        {"id": "c9", "text": "style: text-decoration-style/color 条件编译处理"},
+        {"id": "c10", "text": "script: onLoad 使用 decodedQuery 第二个参数"}
+      ]
+    }
+  ]
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/grade.py b/.agents/skills/mpx2rn-workspace/iteration-8/grade.py
new file mode 100644
index 0000000000..5f118cb449
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/grade.py
@@ -0,0 +1,784 @@
+#!/usr/bin/env python3
+"""Grade outputs: no_skill vs mpx2rn_original vs mpx2rn_gene on iteration-4."""
+import json
+import re
+import sys
+from pathlib import Path
+
+WORKSPACE = Path(__file__).parent
+
+# ─── Shared helpers ───────────────────────────────────────────────────────────
+
+def extract_blocks(src: str):
+    blocks = {"template": "", "script": "", "style": "", "json": ""}
+    def grab_all(tag):
+        return re.findall(
+            rf"<{tag}(?:\s[^>]*)?>(.*?)</{tag}>", src, re.DOTALL | re.IGNORECASE)
+    blocks["template"] = "\n".join(grab_all("template"))
+    blocks["style"] = "\n".join(grab_all("style"))
+    for m in re.finditer(
+        r"<script(?P<attrs>(?:\s[^>]*)?)>(?P<body>.*?)</script>",
+        src, re.DOTALL | re.IGNORECASE):
+        attrs = (m.group("attrs") or "").lower()
+        body = m.group("body")
+        if 'type="application/json"' in attrs or 'name="json"' in attrs:
+            blocks["json"] += "\n" + body
+        else:
+            blocks["script"] += "\n" + body
+    return blocks
+
+
+def strip_comments(text):
+    return re.sub(r"/\*.*?\*/", "", text, flags=re.DOTALL)
+
+
+def strip_wx_conditional_blocks(text):
+    return re.sub(
+        r"/\*\s*@mpx-if[^*]*?(wx|ali|web)[^*]*?\*/.*?/\*\s*@mpx-(endif|end-if)\s*\*/",
+        "", text, flags=re.DOTALL | re.IGNORECASE)
+
+
+def strip_rn_conditional_blocks(text):
+    return re.sub(
+        r"/\*\s*@mpx-if[^*]*?(ios|android|harmony)[^*]*?\*/.*?/\*\s*@mpx-(endif|end-if)\s*\*/",
+        "", text, flags=re.DOTALL | re.IGNORECASE)
+
+
+def strip_at_rules(text):
+    result = re.sub(r"@keyframes\s+[\w-]+\s*\{[^}]*(?:\{[^}]*\}[^}]*)*\}", "", text, flags=re.DOTALL)
+    result = re.sub(r"@media\s[^{]*\{[^}]*(?:\{[^}]*\}[^}]*)*\}", "", result, flags=re.DOTALL)
+    return result
+
+
+def has_less_nesting(style_text):
+    text = strip_comments(style_text)
+    text = strip_at_rules(text)
+    if "&" in text:
+        return True
+    depth = 0
+    for i, c in enumerate(text):
+        if c == "{": depth += 1
+        elif c == "}": depth -= 1
+        elif depth >= 1 and c == "\n":
+            j = i + 1
+            while j < len(text) and text[j] in " \t": j += 1
+            if j < len(text) and text[j] not in "}{\n":
+                k = j
+                while k < len(text) and text[k] not in "{};": k += 1
+                if k < len(text) and text[k] == "{":
+                    return True
+    return False
+
+
+def has_empty_rules(style_text):
+    text = strip_comments(style_text)
+    return bool(re.search(r"[^{}]+\{\s*\}", text))
+
+
+def has_bad_wx_style_keys(template_text):
+    """Check for quoted or kebab-case keys in wx:style object literals."""
+    wx_style_exprs = re.findall(r'wx:style\s*=\s*"([^"]*)"', template_text)
+    for expr in wx_style_exprs:
+        if re.search(r"""['"]\s*[a-zA-Z][\w-]*\s*['"]\s*:""", expr):
+            return True
+        if re.search(r'[a-zA-Z][\w]*-[\w-]*\s*:', expr):
+            return True
+    return False
+
+
+def uses_wrong_endif(text):
+    return "@mpx-end-if" in text
+
+
+# ─── eval-0: style-adaptation ────────────────────────────────────────────────
+
+def check_eval_0(output_path):
+    src = output_path.read_text()
+    blocks = extract_blocks(src)
+    style_rn = strip_wx_conditional_blocks(blocks["style"])
+    style_rn_clean = strip_comments(style_rn)
+
+    results = [
+        {"id": "s0", "text": "style on RN: no descendant selectors (.parent .child)",
+         "passed": not re.search(r"\.\w[\w-]*\s+\.\w[\w-]*", style_rn_clean)},
+
+        {"id": "s1", "text": "style on RN: no display: grid (replaced with flex)",
+         "passed": not re.search(r"display\s*:\s*grid", style_rn_clean)},
+
+        {"id": "s2", "text": "style on RN: no ::before pseudo-element",
+         "passed": "::before" not in style_rn_clean and ":before" not in style_rn_clean},
+
+        {"id": "s3", "text": "style on RN: no :active pseudo-class (use hover-class instead)",
+         "passed": ":active" not in style_rn_clean},
+
+        {"id": "s4", "text": "style on RN: no :first-child pseudo-class",
+         "passed": ":first-child" not in style_rn_clean},
+
+        {"id": "s5", "text": "style on RN: no + adjacent sibling combinator",
+         "passed": not re.search(r"\.[\w-]+\s*\+\s*\.[\w-]+", style_rn_clean)},
+
+        {"id": "s6", "text": "style: numeric font-weight (500/600) replaced with bold/normal",
+         "passed": not re.search(r"font-weight\s*:\s*[1-9]\d{2}", style_rn_clean)},
+
+        {"id": "s7", "text": "style: text-overflow/white-space dual-track with numberOfLines on RN",
+         "passed": "numberOfLines" in blocks["template"]},
+
+        {"id": "s8", "text": "template: real node added to replace ::before pseudo-element",
+         "passed": bool(re.search(
+             r"(card-(decorator|bar|indicator|line|stripe|top-bar|gradient)|before-node|pseudo-before|top-line|gradient-bar)",
+             blocks["template"]))},
+
+        {"id": "s9", "text": "style: conditional compile uses @mpx-endif (not @mpx-end-if)",
+         "passed": not uses_wrong_endif(src)},
+
+        {"id": "s10", "text": "style: no empty selector rules after stripping comments",
+         "passed": not has_empty_rules(blocks["style"])},
+
+        {"id": "s11", "text": "style on RN: no > child combinator",
+         "passed": not re.search(r"\.[\w-]+\s*>\s*\.[\w-]+", style_rn_clean)},
+
+        {"id": "s12", "text": "style on RN: no multi-class selector (.a.b)",
+         "passed": not re.search(r"\.[\w-]+\.[\w-]+", style_rn_clean)},
+
+        {"id": "s13", "text": "style on RN: no + adjacent sibling combinator (tag-highlight pattern)",
+         "passed": not re.search(r"\.[\w-]+\s*\+\s*\.[\w-]+", style_rn_clean)},
+    ]
+    return results
+
+
+# ─── eval-1: template-adaptation ─────────────────────────────────────────────
+
+def check_eval_1(output_path):
+    src = output_path.read_text()
+    blocks = extract_blocks(src)
+    style_rn = strip_wx_conditional_blocks(blocks["style"])
+    style_rn_clean = strip_comments(style_rn)
+
+    results = [
+        {"id": "t0", "text": "template: dynamic class via wx:class (not class string interpolation)",
+         "passed": not re.search(r'(?<![:\-\w])class\s*=\s*"[^"]*\{\{[^"]*\}\}[^"]*"', blocks["template"])},
+
+        {"id": "t1", "text": "template: event params use inline syntax (not data- dataset)",
+         "passed": not re.search(r'\bdata-\w+\s*=', blocks["template"])},
+
+        {"id": "t2", "text": "template: no method calls in Mustache (getStatusColor/getStatusText replaced)",
+         "passed": not re.search(r'\{\{[^}]*\b\w+\s*\([^)]*\)', blocks["template"])},
+
+        {"id": "t3", "text": "template: page scroll replaced with scroll-view",
+         "passed": "scroll-view" in blocks["template"]},
+
+        {"id": "t4", "text": "template: scroll-view has bindscrolltolower or equivalent",
+         "passed": "bindscrolltolower" in blocks["template"]
+                   or "bindscroll" in blocks["template"]
+                   or "scroll-view" in blocks["template"]},
+
+        {"id": "t5", "text": "script: all wx.xxx API replaced with mpx.xxx",
+         "passed": not re.search(r"\bwx\.(navigateTo|showActionSheet|showModal|request)", blocks["script"])
+                   and "mpx." in blocks["script"]},
+
+        {"id": "t6", "text": "script: no e.target.dataset usage",
+         "passed": "e.target.dataset" not in blocks["script"]
+                   and "e.currentTarget.dataset" not in blocks["script"]},
+
+        {"id": "t7", "text": "style on RN: no .btn-default .btn-text compound selector",
+         "passed": not re.search(r"\.btn-default\s+\.btn-text", style_rn_clean)},
+
+        {"id": "t8", "text": "template: wx:style object keys use unquoted camelCase (no quoted or kebab-case keys)",
+         "passed": not has_bad_wx_style_keys(blocks["template"])},
+    ]
+    return results
+
+
+# ─── eval-2: script-json-adaptation ──────────────────────────────────────────
+
+def check_eval_2(output_path):
+    src = output_path.read_text()
+    blocks = extract_blocks(src)
+
+    # Check wx.xxx replacement
+    # Allow wx.xxx if used inside conditional compile blocks for non-RN platforms
+    # Strategy: if wx.xxx exists but __mpx_mode__ conditionals are also present
+    # and mpx.xxx is used (indicating RN path uses mpx), treat as valid conditional compile
+    wx_apis = ["wx.getStorageSync", "wx.setStorageSync", "wx.removeStorageSync",
+               "wx.navigateTo", "wx.showModal", "wx.showToast", "wx.reLaunch",
+               "wx.request", "wx.getLocation"]
+    script_text = blocks["script"]
+    has_any_wx = any(api in script_text for api in wx_apis)
+    has_mpx = "mpx." in script_text
+    has_mode_conditional = "__mpx_mode__" in script_text
+    # wx.xxx is OK if all occurrences are guarded by __mpx_mode__ conditional compile
+    wx_ok = (not has_any_wx and has_mpx) or (has_any_wx and has_mpx and has_mode_conditional)
+
+    # Check RN-unsupported lifecycles
+    script_rn = blocks["script"]
+
+    def _is_lifecycle_isolated(name, script_text):
+        """Check if a lifecycle hook is removed or isolated via conditional compile."""
+        if name not in script_text:
+            return True
+        # Direct __mpx_mode__ check wrapping the lifecycle (.*? crosses nested braces)
+        if re.search(
+            r"if\s*\([^)]*__mpx_mode__[^)]*\)\s*\{.*?" + re.escape(name),
+            script_text, re.DOTALL):
+            return True
+        # Indirect variable pattern: const isRN = ...__mpx_mode__...; if (!isRN) { ...name... }
+        if re.search(r"__mpx_mode__", script_text) and re.search(
+            r"if\s*\(\s*!?\s*isRN\s*\)\s*\{.*?" + re.escape(name),
+            script_text, re.DOTALL):
+            return True
+        # Early-return pattern inside the lifecycle body
+        if re.search(
+            re.escape(name) + r"\s*\([^)]*\)\s*\{[^}]*if\s*\([^)]*(__mpx_mode__|isRN|!isRN)[^)]*\)\s*\{[^}]*\breturn\b",
+            script_text, re.DOTALL):
+            return True
+        # Spread operator pattern
+        if re.search(
+            r"\.\.\.\s*\([^)]*(__mpx_mode__|isRN)[^)]*\?\s*\{.*?" + re.escape(name),
+            script_text, re.DOTALL):
+            return True
+        return False
+
+    share_timeline_ok = _is_lifecycle_isolated("onShareTimeline", script_rn)
+    tab_item_tap_ok = _is_lifecycle_isolated("onTabItemTap", script_rn)
+
+    # setTabBarBadge/removeTabBarBadge
+    has_tabbar_badge = "setTabBarBadge" in script_rn or "removeTabBarBadge" in script_rn
+    has_tabbar_badge_conditional = bool(re.search(
+        r"if\s*\([^)]*(__mpx_mode__|isRN|!isRN)[^)]*\)\s*\{.*?(setTabBarBadge|removeTabBarBadge)",
+        script_rn, re.DOTALL))
+    # Also accept early-return pattern: if (RN) { return } before the API calls
+    has_tabbar_badge_early_return = bool(re.search(
+        r"if\s*\([^)]*(__mpx_mode__|isRN|!isRN)[^)]*\)\s*\{[^}]*\breturn\b[^}]*\}",
+        script_rn, re.DOTALL)) and has_tabbar_badge
+    # Also accept: __mpx_mode__ defined and the badge calls are inside any if block
+    has_tabbar_badge_indirect = "__mpx_mode__" in script_rn and bool(re.search(
+        r"if\s*\(\s*!?\s*isRN\s*\)\s*\{.*?(setTabBarBadge|removeTabBarBadge)",
+        script_rn, re.DOTALL))
+    tabbar_badge_ok = not has_tabbar_badge or has_tabbar_badge_conditional or has_tabbar_badge_early_return or has_tabbar_badge_indirect
+
+    # getUserProfile
+    has_get_user_profile = "getUserProfile" in script_rn
+    has_get_user_profile_conditional = bool(re.search(
+        r"if\s*\([^)]*(__mpx_mode__|isRN|!isRN)[^)]*\)[^{]*\{[^}]*getUserProfile",
+        script_rn, re.DOTALL)) or bool(re.search(
+        r"__mpx_mode__.*getUserProfile|getUserProfile.*__mpx_mode__",
+        script_rn, re.DOTALL))
+    # Also accept indirect: __mpx_mode__ defined and getUserProfile inside any if block
+    has_get_user_profile_indirect = "__mpx_mode__" in script_rn and bool(re.search(
+        r"if\s*\([^)]*\)\s*\{[^}]*getUserProfile",
+        script_rn, re.DOTALL))
+    get_user_profile_ok = not has_get_user_profile or has_get_user_profile_conditional or has_get_user_profile_indirect
+
+    # enablePullDownRefresh in RN context
+    has_pull_down_json = "enablePullDownRefresh" in blocks["json"]
+    pull_down_handled = not has_pull_down_json or bool(re.search(
+        r"__mpx_mode__", blocks["json"])) or "scroll-view" in blocks["template"]
+
+    results = [
+        {"id": "j0", "text": "script: all wx.xxx API replaced with mpx.xxx",
+         "passed": wx_ok},
+
+        {"id": "j1", "text": "script: onShareTimeline removed or isolated with conditional compile",
+         "passed": share_timeline_ok},
+
+        {"id": "j2", "text": "script: onTabItemTap removed or isolated with conditional compile",
+         "passed": tab_item_tap_ok},
+
+        {"id": "j3", "text": "script: setTabBarBadge/removeTabBarBadge isolated with conditional compile",
+         "passed": tabbar_badge_ok},
+
+        {"id": "j4", "text": "script: wx.getUserProfile isolated or replaced",
+         "passed": get_user_profile_ok},
+
+        {"id": "j5", "text": "script: no e.target.dataset usage",
+         "passed": "e.target.dataset" not in blocks["script"]},
+
+        {"id": "j7", "text": "json: enablePullDownRefresh handled for RN",
+         "passed": pull_down_handled},
+
+        {"id": "j8", "text": "template: data- attributes removed (inline event params used)",
+         "passed": not re.search(r'\bdata-\w+\s*=', blocks["template"])},
+
+        {"id": "j9", "text": "script: onShareAppMessage preserved (RN supported, should not be removed)",
+         "passed": "onShareAppMessage" in blocks["script"]},
+    ]
+    return results
+
+
+# ─── eval-3: gradient-animation-interaction ─────────────────────────────────
+
+def check_eval_3(output_path):
+    src = output_path.read_text()
+    blocks = extract_blocks(src)
+    style_rn = strip_wx_conditional_blocks(blocks["style"])
+    style_rn_clean = strip_comments(style_rn)
+
+    # g0: no transparent in linear-gradient (should be rgba form)
+    gradient_matches = re.findall(r"linear-gradient\([^)]*\)", style_rn_clean)
+    has_transparent_in_gradient = any("transparent" in g for g in gradient_matches)
+
+    # g1: no display: none in RN style
+    has_display_none = bool(re.search(r"display\s*:\s*none", style_rn_clean))
+
+    # g2: no transition-property: all or transition: all
+    has_transition_all = bool(re.search(
+        r"transition(-property)?\s*:[^;]*\ball\b", style_rn_clean))
+
+    # g3: enable-background present in template
+    has_enable_background = "enable-background" in blocks["template"]
+
+    # g4: enable-animation present in template
+    has_enable_animation = "enable-animation" in blocks["template"]
+
+    # g5: no lifecycle hooks inside setTimeout/Promise.then
+    # Check for pattern: setTimeout/Promise.then containing onMounted/onShow/onHide etc
+    has_async_lifecycle = bool(re.search(
+        r"(setTimeout|Promise\.then|\.then)\s*\([^)]*\{[^}]*(onMounted|onShow|onHide|onBeforeMount|onUnmounted)",
+        blocks["script"], re.DOTALL)) or bool(re.search(
+        r"setTimeout\s*\(\s*(\(\)\s*=>|function)\s*\{[^}]*(onMounted|onShow|onHide)",
+        blocks["script"], re.DOTALL))
+
+    # g6: createIntersectionObserver relativeTo uses simple selector (no compound/descendant)
+    has_compound_relative_to = bool(re.search(
+        r'relativeTo\s*\(\s*[\'"][^\'"]*\s+[^\'"]*[\'"]', blocks["script"]))
+    relative_to_simple = not has_compound_relative_to
+
+    # g7: uses <script name="json"> (needed to enable platform conditional logic)
+    # If the JSON block has no platform-specific fields needing conditional compile,
+    # then <script type="application/json"> is also acceptable
+    has_script_name_json = bool(re.search(
+        r'<script\s+name\s*=\s*["\']json["\']', src))
+    json_needs_conditional = bool(re.search(
+        r"(disableScroll|enablePullDownRefresh|onReachBottomDistance|backgroundTextStyle)",
+        blocks["json"]))
+    json_format_ok = has_script_name_json or not json_needs_conditional
+
+    # g8: no opacity:0 on elements with bindtap/bindlongpress
+    # Find elements with both opacity style and tap events
+    tap_elements_with_opacity = re.findall(
+        r'<view[^>]*(bindtap|bindlongpress)[^>]*class\s*=\s*"([^"]*)"[^>]*>',
+        blocks["template"])
+    tap_classes = [m[1].split() for m in tap_elements_with_opacity]
+    has_opacity_zero_tap = False
+    for class_list in tap_classes:
+        for cls in class_list:
+            cls_pattern = re.escape(cls)
+            rule_match = re.search(
+                rf"\.{cls_pattern}\s*\{{[^}}]*opacity\s*:\s*0[^1-9][^}}]*\}}",
+                style_rn_clean)
+            if rule_match:
+                has_opacity_zero_tap = True
+                break
+    # Also check inline: elements with bindtap and style containing opacity:0
+    inline_opacity_tap = bool(re.search(
+        r'<[^>]*(bindtap|bindlongpress)[^>]*style\s*=\s*"[^"]*opacity\s*:\s*0[^"]*"',
+        blocks["template"]))
+    # Check the toast-mask pattern from input (class with opacity:0 and bindtap)
+    toast_mask_opacity = bool(re.search(
+        r'opacity\s*:\s*0\s*;?\s*\}', style_rn_clean)) and bool(re.search(
+        r'(bindtap|bindlongpress).*class\s*=\s*"[^"]*toast-mask|class\s*=\s*"[^"]*toast-mask[^"]*"[^>]*(bindtap|bindlongpress)',
+        blocks["template"]))
+    opacity_tap_ok = not has_opacity_zero_tap and not inline_opacity_tap and not toast_mask_opacity
+
+    # g9: @keyframes conditionally compiled or removed from RN
+    # Check if @keyframes exists outside of @mpx-if(wx||web||ali) blocks
+    has_keyframes_in_rn = bool(re.search(r"@keyframes", style_rn_clean))
+
+    results = [
+        {"id": "g0", "text": "style: linear-gradient 中 transparent 替换为 rgba 形式",
+         "passed": not has_transparent_in_gradient},
+
+        {"id": "g1", "text": "style: display:none 替换为其他隐藏方式",
+         "passed": not has_display_none},
+
+        {"id": "g2", "text": "style: transition-property:all 替换为具体属性名",
+         "passed": not has_transition_all},
+
+        {"id": "g3", "text": "template: 动态 background-image 的 view 添加 enable-background",
+         "passed": has_enable_background},
+
+        {"id": "g4", "text": "template: 动态 transition 的 view 添加 enable-animation",
+         "passed": has_enable_animation},
+
+        {"id": "g5", "text": "script: 生命周期钩子在 setup 中同步注册",
+         "passed": not has_async_lifecycle},
+
+        {"id": "g6", "text": "script: relativeTo 使用简单选择器（不用复合/后代选择器）",
+         "passed": relative_to_simple},
+
+        {"id": "g7", "text": "json: 条件编译 JSON 使用 script name=\"json\" 格式",
+         "passed": json_format_ok},
+
+        {"id": "g8", "text": "style: bindtap 元素不设 opacity:0",
+         "passed": opacity_tap_ok},
+
+        {"id": "g9", "text": "style: @keyframes 在 RN 中不存在",
+         "passed": not has_keyframes_in_rn},
+    ]
+    return results
+
+
+# ─── eval-4: text-layout-selector ───────────────────────────────────────────
+
+def check_eval_4(output_path):
+    src = output_path.read_text()
+    blocks = extract_blocks(src)
+    style_rn = strip_wx_conditional_blocks(blocks["style"])
+    style_rn_clean = strip_comments(style_rn)
+
+    # l0: explicit flex-direction: column where needed
+    # The input has .data-panel with display:flex that needs column direction
+    has_flex_direction_column = bool(re.search(
+        r"flex-direction\s*:\s*column", style_rn_clean))
+
+    # l1: no position: sticky in RN style
+    has_position_sticky = bool(re.search(r"position\s*:\s*sticky", style_rn_clean))
+
+    # l2: /*use rpx*/ or /*use px*/ comments preserved
+    has_unit_comments = bool(re.search(r"/\*\s*use\s+(rpx|px)\s*\*/", blocks["style"]))
+
+    # l3: no background-image on .title class (text element)
+    # Check if .title rule has background-image in RN style
+    title_rule = re.search(r"\.title\s*\{([^}]*)\}", style_rn_clean)
+    has_bg_on_title = bool(title_rule and re.search(
+        r"background-image", title_rule.group(1))) if title_rule else False
+
+    # l4: no multi-value margin/padding in inline style attributes
+    inline_styles = re.findall(r'\bstyle\s*=\s*"([^"]*)"', blocks["template"])
+    has_multi_value_inline = False
+    for style_val in inline_styles:
+        if re.search(r"(margin|padding)\s*:\s*\S+\s+\S+", style_val):
+            has_multi_value_inline = True
+            break
+
+    # l5: wx:ref on scroll-into-view target elements
+    # Find scroll-into-view targets and check those ids have wx:ref
+    scroll_targets = re.findall(r'id="(section-[^"]*)"', blocks["template"])
+    has_wxref_on_scroll_targets = all(
+        bool(re.search(rf'id="{re.escape(t)}"[^>]*wx:ref|wx:ref[^>]*id="{re.escape(t)}"',
+                       blocks["template"]))
+        for t in scroll_targets
+    ) if scroll_targets else False
+
+    # l6: wx:ref on createSelectorQuery target elements
+    # Check if #chart (the selector target) has wx:ref in template
+    selector_targets = re.findall(
+        r'(?:select|observe|relativeTo)\s*\(\s*[\'"]([#.][^"\']+)[\'"]',
+        blocks["script"])
+    has_wxref_on_query_targets = True
+    for sel in selector_targets:
+        if sel.startswith("#"):
+            id_val = sel[1:]
+            if not re.search(
+                rf'id="{re.escape(id_val)}"[^>]*wx:ref|wx:ref[^>]*id="{re.escape(id_val)}"',
+                blocks["template"]):
+                has_wxref_on_query_targets = False
+                break
+        elif sel.startswith("."):
+            cls_val = sel[1:]
+            if not re.search(
+                rf'class="[^"]*{re.escape(cls_val)}[^"]*"[^>]*wx:ref|wx:ref[^>]*class="[^"]*{re.escape(cls_val)}',
+                blocks["template"]):
+                has_wxref_on_query_targets = False
+                break
+
+    # l7: no compound/descendant selector in selectComponent/createSelectorQuery calls
+    has_compound_selector = bool(re.search(
+        r'(?:select|selectComponent|selectAllComponents|observe|relativeTo)\s*\(\s*[\'"][^"\']*\s+[^"\']*[\'"]',
+        blocks["script"]))
+
+    # l8: no catch prefix on non-touch events
+    touch_events = {"tap", "longpress", "touchstart", "touchmove", "touchend", "touchcancel"}
+    catch_events = re.findall(r'catch(\w+)\s*=', blocks["template"])
+    has_catch_non_touch = any(evt not in touch_events for evt in catch_events)
+
+    # l9: no radial-gradient in RN style
+    has_radial_gradient = "radial-gradient" in style_rn_clean
+
+    results = [
+        {"id": "l0", "text": "style: 纵向布局显式声明 flex-direction:column",
+         "passed": has_flex_direction_column},
+
+        {"id": "l1", "text": "style: position:sticky 替换为 sticky-header 方案",
+         "passed": not has_position_sticky},
+
+        {"id": "l2", "text": "style: 保留 /*use rpx*/ /*use px*/ 单位转换注释",
+         "passed": has_unit_comments},
+
+        {"id": "l3", "text": "style: background-image 不应用于 text 元素类",
+         "passed": not has_bg_on_title},
+
+        {"id": "l4", "text": "template: 内联 style 中不使用多值 margin/padding 简写",
+         "passed": not has_multi_value_inline},
+
+        {"id": "l5", "text": "template: scroll-into-view 目标添加 wx:ref",
+         "passed": has_wxref_on_scroll_targets},
+
+        {"id": "l6", "text": "template: createSelectorQuery 目标添加空 wx:ref",
+         "passed": has_wxref_on_query_targets},
+
+        {"id": "l7", "text": "script: 选择器 API 仅使用简单选择器",
+         "passed": not has_compound_selector},
+
+        {"id": "l8", "text": "script: 非触摸事件不使用 catch 前缀",
+         "passed": not has_catch_non_touch},
+
+        {"id": "l9", "text": "style: radial-gradient 条件编译或替换",
+         "passed": not has_radial_gradient},
+    ]
+    return results
+
+
+# ─── eval-5: conditional-compile-advanced ────────────────────────────────────
+
+def check_eval_5(output_path):
+    src = output_path.read_text()
+    blocks = extract_blocks(src)
+    style_rn = strip_wx_conditional_blocks(blocks["style"])
+    style_rn_clean = strip_comments(style_rn)
+
+    # c0: @mpx-if wraps entire rules (no empty selectors on any platform)
+    # Strip RN conditionals to simulate what wx/ali/web platforms see
+    style_for_wx = strip_rn_conditional_blocks(blocks["style"])
+    style_for_wx_clean = strip_comments(style_for_wx)
+    has_empty_rules_after_condition = has_empty_rules(style_for_wx_clean)
+
+    # c1: font-family single font (no comma in font-family value)
+    font_family_values = re.findall(r"font-family\s*:\s*([^;]+)", style_rn_clean)
+    has_multi_font = any("," in val for val in font_family_values)
+
+    # c2: no per-side border-style
+    has_per_side_border_style = bool(re.search(
+        r"border-(top|bottom|left|right)-style\s*:", style_rn_clean))
+
+    # c3: no border shorthand in inline style
+    inline_styles = re.findall(r'\bstyle\s*=\s*"([^"]*)"', blocks["template"])
+    has_border_shorthand_inline = any(
+        re.search(r'\bborder\s*:', style_val) for style_val in inline_styles)
+
+    # c4: wx:ref on custom component targeted by selectComponent
+    # Check if pay-form component element has wx:ref
+    select_targets = re.findall(
+        r'selectComponent\s*\(\s*[\'"]([^"\']+)[\'"]', blocks["script"])
+    has_wxref_on_custom_comp = True
+    for sel in select_targets:
+        if sel.startswith("#"):
+            id_val = sel[1:]
+            if not re.search(
+                rf'id="{re.escape(id_val)}"[^>]*wx:ref|wx:ref[^>]*id="{re.escape(id_val)}"',
+                blocks["template"]):
+                has_wxref_on_custom_comp = False
+                break
+
+    # c5: enable-var on elements with dynamic CSS vars via wx:style
+    # Only require enable-var on elements whose bound style object contains CSS vars
+    script_text = blocks["script"]
+    wxstyle_elements = re.findall(
+        r'<([^>]*?)wx:style\s*=\s*"\{\{([^}]*)\}\}"([^>]*?)/?>', blocks["template"])
+    has_enable_var_on_css_var_elements = True
+    for before, style_var, after in wxstyle_elements:
+        style_var_name = style_var.strip()
+        var_def = re.search(
+            rf'(?:const|let|var)\s+{re.escape(style_var_name)}\s*=\s*computed\s*\(\s*\(\)\s*=>\s*\{{(.*?)\}}\s*\)',
+            script_text, re.DOTALL)
+        if not var_def:
+            var_def = re.search(
+                rf'{re.escape(style_var_name)}\s*[=:]\s*\{{([^}}]*)\}}',
+                script_text, re.DOTALL)
+        if var_def and re.search(r"'--[\w-]+'|\"--[\w-]+\"", var_def.group(1)):
+            full_tag = before + after
+            if "enable-var" not in full_tag:
+                has_enable_var_on_css_var_elements = False
+                break
+
+    # c6: props via toRefs (no direct const { x } = props destructure)
+    has_direct_props_destructure = bool(re.search(
+        r"const\s*\{[^}]+\}\s*=\s*props\b", blocks["script"]))
+    has_to_refs_call = bool(re.search(r"toRefs\s*\(\s*props\s*\)", blocks["script"])) or \
+        bool(re.search(r"toRef\s*\(\s*props\s*,", blocks["script"]))
+    props_ok = not has_direct_props_destructure or has_to_refs_call
+
+    # c7: background-repeat only no-repeat
+    bg_repeat_values = re.findall(r"background-repeat\s*:\s*([^;]+)", style_rn_clean)
+    has_bad_bg_repeat = any(
+        val.strip() != "no-repeat" for val in bg_repeat_values) if bg_repeat_values else False
+
+    # c8: JSON block uses if(__mpx_mode__) NOT /* @mpx-if */ comment syntax
+    json_block = blocks["json"]
+    has_mpx_if_comment_in_json = bool(re.search(r"@mpx-if", json_block))
+    has_runtime_mode_check = "__mpx_mode__" in json_block or not (
+        "ios" in json_block or "android" in json_block or "harmony" in json_block)
+    json_conditional_ok = not has_mpx_if_comment_in_json
+
+    # c9: text-decoration-style/text-decoration-color conditionally compiled
+    has_text_deco_style_in_rn = bool(re.search(
+        r"text-decoration-style\s*:", style_rn_clean))
+    has_text_deco_color_in_rn = bool(re.search(
+        r"text-decoration-color\s*:", style_rn_clean))
+    # Check if it's inside an ios-only conditional in the full style
+    text_deco_in_ios_only = bool(re.search(
+        r"@mpx-if\s*\(\s*ios\s*\).*?text-decoration-(style|color)",
+        blocks["style"], re.DOTALL))
+    text_deco_ok = (not has_text_deco_style_in_rn and not has_text_deco_color_in_rn) or text_deco_in_ios_only
+
+    # c10: onLoad uses decodedQuery (2nd parameter)
+    has_decoded_query = "decodedQuery" in blocks["script"]
+
+    results = [
+        {"id": "c0", "text": "style: @mpx-if 包裹完整规则不产生空选择器",
+         "passed": not has_empty_rules_after_condition},
+
+        {"id": "c1", "text": "style: font-family 使用单一字体名",
+         "passed": not has_multi_font},
+
+        {"id": "c2", "text": "style: border-style 统一设置不使用单边",
+         "passed": not has_per_side_border_style},
+
+        {"id": "c3", "text": "template: 内联 style 不使用 border 简写",
+         "passed": not has_border_shorthand_inline},
+
+        {"id": "c4", "text": "template: selectComponent 目标自定义组件添加 wx:ref",
+         "passed": has_wxref_on_custom_comp},
+
+        {"id": "c5", "text": "template: 动态 CSS 变量元素设置 enable-var",
+         "passed": has_enable_var_on_css_var_elements},
+
+        {"id": "c6", "text": "script: props 通过 toRefs 解构保持响应式",
+         "passed": props_ok},
+
+        {"id": "c7", "text": "style: background-repeat 仅使用 no-repeat",
+         "passed": not has_bad_bg_repeat},
+
+        {"id": "c8", "text": "json: JSON 条件编译使用 if(__mpx_mode__) 不使用注释语法",
+         "passed": json_conditional_ok},
+
+        {"id": "c9", "text": "style: text-decoration-style/color 条件编译处理",
+         "passed": text_deco_ok},
+
+        {"id": "c10", "text": "script: onLoad 使用 decodedQuery 第二个参数",
+         "passed": has_decoded_query},
+    ]
+    return results
+
+
+# ─── Runner ───────────────────────────────────────────────────────────────────
+
+CHECKERS = {0: check_eval_0, 1: check_eval_1, 2: check_eval_2,
+            3: check_eval_3, 4: check_eval_4, 5: check_eval_5}
+EVAL_DIRS = {
+    0: "eval-0-style-adaptation",
+    1: "eval-1-template-adaptation",
+    2: "eval-2-script-json-adaptation",
+    3: "eval-3-gradient-animation-interaction",
+    4: "eval-4-text-layout-selector",
+    5: "eval-5-conditional-compile-advanced",
+}
+OUTPUT_FILES = {
+    0: "product-card.mpx",
+    1: "order-list.mpx",
+    2: "user-profile.mpx",
+    3: "carousel-card.mpx",
+    4: "data-panel.mpx",
+    5: "payment-page.mpx",
+}
+RUN_KINDS = ("no_skill", "mpx2rn_original", "mpx2rn_gene")
+
+
+def _first_present(data, keys):
+    for key in keys:
+        if key in data:
+            return data[key]
+
+
+def _is_number(value):
+    return isinstance(value, (int, float)) and not isinstance(value, bool)
+
+
+def load_metrics(run_dir):
+    """Load metrics.json written by the main agent from task-notification <usage> data."""
+    metrics_path = run_dir / "metrics.json"
+    if not metrics_path.exists():
+        return None, []
+    try:
+        data = json.loads(metrics_path.read_text())
+    except json.JSONDecodeError as e:
+        return None, [f"invalid metrics json: {metrics_path}: {e}"]
+    if not isinstance(data, dict):
+        return None, [f"metrics file must contain an object: {metrics_path}"]
+
+    errors = []
+    total_tokens = _first_present(data, ("total_tokens", "tokens"))
+    tool_calls = _first_present(data, ("tool_calls", "tool_call_count", "tool_uses"))
+    duration_ms = _first_present(data, ("duration_ms", "elapsed_ms"))
+    if duration_ms is None:
+        duration_seconds = _first_present(
+            data, ("duration_seconds", "total_duration_seconds", "time_seconds"))
+        if duration_seconds is not None:
+            duration_ms = duration_seconds * 1000
+
+    if not _is_number(total_tokens) or total_tokens < 0:
+        errors.append("metrics.total_tokens must be a non-negative number")
+    if not _is_number(tool_calls) or tool_calls < 0:
+        errors.append("metrics.tool_calls must be a non-negative number")
+    if not _is_number(duration_ms) or duration_ms < 0:
+        errors.append("metrics.duration_ms must be a non-negative number")
+    if errors:
+        return None, errors
+
+    duration_ms = int(round(duration_ms))
+    return {
+        "total_tokens": int(round(total_tokens)),
+        "tool_calls": int(round(tool_calls)),
+        "duration_ms": duration_ms,
+        "duration_seconds": round(duration_ms / 1000, 3),
+    }, []
+
+
+def grade_run(eval_id, run_kind):
+    eval_dir = WORKSPACE / EVAL_DIRS[eval_id]
+    out_path = eval_dir / run_kind / "outputs" / OUTPUT_FILES[eval_id]
+    if not out_path.exists():
+        print(f"missing: {out_path}", file=sys.stderr)
+        return None
+    run_dir = eval_dir / run_kind / "run-1"
+    run_dir.mkdir(parents=True, exist_ok=True)
+    metrics, metric_errors = load_metrics(run_dir)
+    if metric_errors:
+        print(f"metrics warning for {EVAL_DIRS[eval_id]} / {run_kind}: "
+              + "; ".join(metric_errors), file=sys.stderr)
+    results = CHECKERS[eval_id](out_path)
+    enriched = [{"id": r.get("id", ""), "text": r["text"], "passed": bool(r["passed"]),
+                 "evidence": "PASS" if r["passed"] else "FAIL"} for r in results]
+    passed = sum(1 for e in enriched if e["passed"])
+    total = len(enriched)
+    summary = {"pass_rate": round(passed / total, 4) if total else 0.0,
+               "passed": passed, "failed": total - passed, "total": total}
+    if metrics:
+        summary.update(metrics)
+    grading = {
+        "eval_id": eval_id, "run_kind": run_kind, "expectations": enriched,
+        "summary": summary,
+        "metrics": metrics,
+    }
+    (run_dir / "grading.json").write_text(json.dumps(grading, ensure_ascii=False, indent=2))
+    return grading
+
+
+def main():
+    summary = []
+    for eid in sorted(EVAL_DIRS.keys()):
+        for kind in RUN_KINDS:
+            g = grade_run(eid, kind)
+            if g:
+                s = g["summary"]
+                metrics = g.get("metrics") or {}
+                summary.append({"eval": EVAL_DIRS[eid], "kind": kind,
+                                "score": f"{s['passed']}/{s['total']}",
+                                "total_tokens": metrics.get("total_tokens"),
+                                "tool_calls": metrics.get("tool_calls"),
+                                "duration_ms": metrics.get("duration_ms")})
+    print(json.dumps(summary, ensure_ascii=False, indent=2))
+
+
+if __name__ == "__main__":
+    main()
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/prompt_templates.json b/.agents/skills/mpx2rn-workspace/iteration-8/prompt_templates.json
new file mode 100644
index 0000000000..126f913fde
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/prompt_templates.json
@@ -0,0 +1,33 @@
+{
+  "description": "子 agent 提示语模板，用于 mpx2rn eval 评测的三组对比运行",
+  "variables": {
+    "TASK_PROMPT": "evals.json 中的 prompt 字段",
+    "INPUT_PATH": "输入文件的绝对路径",
+    "OUTPUT_PATH": "输出文件的绝对路径",
+    "ORIGINAL_SKILL_PATH": ".agents/skills/mpx2rn/SKILL.md 的绝对路径",
+    "ORIGINAL_REFS_PATH": ".agents/skills/mpx2rn/references/ 的绝对路径",
+    "GENE_SKILL_PATH": ".agents/skills/mpx2rn-gene/SKILL.md 的绝对路径",
+    "GENE_GENES_PATH": ".agents/skills/mpx2rn-gene/genes/ 的绝对路径",
+    "GENE_REFS_PATH": ".agents/skills/mpx2rn-gene/references/ 的绝对路径",
+    "MODEL": "子 agent 使用的模型 (opus/sonnet/haiku)",
+    "METRICS_PATH": "本次 run 的指标文件路径。由主 agent 从 task-notification 的 <usage> 中提取真实数据后写入"
+  },
+  "agent_config": {
+    "model": "{{MODEL}}",
+    "run_in_background": true
+  },
+  "templates": {
+    "no_skill": {
+      "label": "不使用 skill (baseline)",
+      "prompt": "你是一个 Mpx 跨端开发专家。请完成以下任务：\n\n**任务**：{{TASK_PROMPT}}\n\n**输入文件**：读取 {{INPUT_PATH}}\n\n**注意**：不使用任何额外的 skill 参考文档，仅凭你自身对 Mpx 和 React Native 的理解完成适配改造。\n\n**输出**：将完整的修改后 .mpx 文件写入 {{OUTPUT_PATH}}"
+    },
+    "mpx2rn_original": {
+      "label": "使用 mpx2rn 原版 skill",
+      "prompt": "你是一个 Mpx 跨端开发专家。请完成以下任务：\n\n**任务**：{{TASK_PROMPT}}\n\n**输入文件**：读取 {{INPUT_PATH}}\n\n**Skill 参考**：你必须严格按照 skill 文档进行改造。首先读取 {{ORIGINAL_SKILL_PATH}}，这是 Mpx 跨端输出 RN 的完整开发适配指南。按照 SKILL.md 中的任务流程和知识库索引，在需要时读取 references/ 目录下的相关参考文档（位于 {{ORIGINAL_REFS_PATH}} 目录）。严格遵循 SKILL.md 中描述的通用约束与适配原则。\n\n**输出**：将完整的修改后 .mpx 文件写入 {{OUTPUT_PATH}}"
+    },
+    "mpx2rn_gene": {
+      "label": "使用 mpx2rn gene 版 skill",
+      "prompt": "你是一个 Mpx 跨端开发专家。请完成以下任务：\n\n**任务**：{{TASK_PROMPT}}\n\n**输入文件**：读取 {{INPUT_PATH}}\n\n**Skill 参考**：你必须严格按照 gene skill 文档进行改造。首先读取 {{GENE_SKILL_PATH}}，这是 Mpx2RN Strategy Gene Skill。按照 SKILL.md 中的调度规则和 Gene 注册表，读取 {{GENE_GENES_PATH}} 目录下的相关 gene 文件。当 gene 指令不足时，查阅 {{GENE_REFS_PATH}} 目录下的详细参考文档。\n\n**输出**：将完整的修改后 .mpx 文件写入 {{OUTPUT_PATH}}"
+    }
+  }
+}
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/result.md b/.agents/skills/mpx2rn-workspace/iteration-8/result.md
new file mode 100644
index 0000000000..d99e82b306
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/result.md
@@ -0,0 +1,201 @@
+# Iteration 8 执行结果汇总
+
+## 模型信息
+
+- **执行模型**：Claude Sonnet
+- **评分方式**：grade.py 脚本自动评分（基于正则/文本匹配断言）
+
+## 概览
+
+本轮评估包含 6 个 eval，共 63 条断言。对比组包括：
+
+- `no_skill`：不使用 skill 的 baseline
+- `mpx2rn_original`：使用原版 `mpx2rn` skill
+- `mpx2rn_gene`：使用 `mpx2rn-gene` skill
+
+整体结果：
+
+| 分组 | 通过数 | 总数 | 通过率 | 总 Tokens | 平均耗时 (s) | 平均工具调用 |
+| --- | ---: | ---: | ---: | ---: | ---: | ---: |
+| `no_skill` | 39 | 63 | 61.90% | 142,780 | 81.6 | 4.0 |
+| `mpx2rn_original` | 60 | 63 | 95.24% | 441,366 | 239.4 | 21.0 |
+| `mpx2rn_gene` | 52 | 63 | 82.54% | 373,517 | 153.4 | 17.8 |
+
+结论：`mpx2rn_original` 当前表现最好，仅 3 条断言失败；`mpx2rn_gene` 明显优于 baseline，但在模板事件传参、dataset 清理、部分样式条件编译细节上仍有回退；`no_skill` 在复杂跨端细节上遗漏较多。`mpx2rn_gene` 比 `mpx2rn_original` 快 36%（平均 153s vs 239s），token 消耗少 15%。
+
+## Eval 设计说明
+
+eval-0~2 为**常规复杂度**，分别侧重单一维度；eval-3~5 为**刁钻复杂度**，每个覆盖全部维度（style+template+script+json），需深度阅读 skill 细节才能正确处理。
+
+| Eval | 名称 | 复杂度 | 侧重维度 | 设计倾向 |
+| --- | --- | --- | --- | --- |
+| eval-0 | style-adaptation | normal | style | RN 不支持的选择器/伪类/伪元素/组合器清理，font-weight 数值转换，条件编译语法正确性 |
+| eval-1 | template-adaptation | normal | template | 动态类绑定、事件参数内联传递（消除 dataset）、页面滚动替换 scroll-view、模板中无方法调用、wx:style camelCase |
+| eval-2 | script-json-adaptation | normal | script/json | wx→mpx API 替换、不支持的生命周期条件编译隔离、dataset 清理、JSON enablePullDownRefresh 处理 |
+| eval-3 | gradient-animation-interaction | tricky | 全维度 | 渐变 transparent→rgba、display:none 替换、transition 动态属性、enable-background/enable-animation、异步生命周期、@keyframes 条件编译 |
+| eval-4 | text-layout-selector | tricky | 全维度 | flex-direction 显式声明、sticky 替换、单位注释保留、内联样式简写限制、wx:ref 添加、选择器 API 简化、catch 事件前缀、radial-gradient |
+| eval-5 | conditional-compile-advanced | tricky | 全维度 | 条件编译不产生空选择器、font-family 单一字体、border 统一设置、selectComponent wx:ref、CSS 变量 enable-var、toRefs 响应式、background-repeat、text-decoration 条件编译 |
+
+## 分 Eval 结果
+
+| Eval | 侧重点 | `no_skill` | `mpx2rn_original` | `mpx2rn_gene` |
+| --- | --- | ---: | ---: | ---: |
+| eval-0 style-adaptation | style | 10/14 | 13/14 | 14/14 |
+| eval-1 template-adaptation | template | 5/9 | 9/9 | 6/9 |
+| eval-2 script-json-adaptation | script/json | 6/9 | 9/9 | 7/9 |
+| eval-3 gradient-animation-interaction | style/template/script/json | 8/10 | 10/10 | 10/10 |
+| eval-4 text-layout-selector | style/template/script/json | 6/10 | 9/10 | 7/10 |
+| eval-5 conditional-compile-advanced | style/template/script/json | 4/11 | 10/11 | 8/11 |
+
+## 失败项明细
+
+### eval-0 style-adaptation
+
+`mpx2rn_original` 失败：
+
+- `s6`：style: numeric font-weight (500/600) replaced with bold/normal
+
+`mpx2rn_gene` 全部通过。
+
+`no_skill` 失败：
+
+- `s6`：style: numeric font-weight (500/600) replaced with bold/normal
+- `s7`：style: text-overflow/white-space dual-track with numberOfLines on RN
+- `s8`：template: real node added to replace ::before pseudo-element
+- `s12`：style on RN: no multi-class selector (.a.b)
+
+### eval-1 template-adaptation
+
+`mpx2rn_original` 全部通过。
+
+`mpx2rn_gene` 失败：
+
+- `t1`：template: event params use inline syntax (not data- dataset)
+- `t6`：script: no e.target.dataset usage
+- `t8`：template: wx:style object keys use unquoted camelCase (no quoted or kebab-case keys)
+
+`no_skill` 失败：
+
+- `t0`：template: dynamic class via wx:class (not class string interpolation)
+- `t2`：template: no method calls in Mustache (getStatusColor/getStatusText replaced)
+- `t3`：template: page scroll replaced with scroll-view
+- `t4`：template: scroll-view has bindscrolltolower or equivalent
+
+### eval-2 script-json-adaptation
+
+`mpx2rn_original` 全部通过。
+
+`mpx2rn_gene` 失败：
+
+- `j5`：script: no e.target.dataset usage
+- `j8`：template: data- attributes removed (inline event params used)
+
+`no_skill` 失败：
+
+- `j3`：script: setTabBarBadge/removeTabBarBadge isolated with conditional compile
+- `j8`：template: data- attributes removed (inline event params used)
+- `j9`：script: onShareAppMessage preserved (RN supported, should not be removed)
+
+### eval-3 gradient-animation-interaction
+
+`mpx2rn_original` 与 `mpx2rn_gene` 全部通过。
+
+`no_skill` 失败：
+
+- `g3`：template: 动态 background-image 的 view 添加 enable-background
+- `g4`：template: 动态 transition 的 view 添加 enable-animation
+
+### eval-4 text-layout-selector
+
+`mpx2rn_original` 失败：
+
+- `l4`：template: 内联 style 中不使用多值 margin/padding 简写
+
+`mpx2rn_gene` 失败：
+
+- `l4`：template: 内联 style 中不使用多值 margin/padding 简写
+- `l8`：script: 非触摸事件不使用 catch 前缀
+- `l9`：style: radial-gradient 条件编译或替换
+
+`no_skill` 失败：
+
+- `l2`：style: 保留 `/*use rpx*/` `/*use px*/` 单位转换注释
+- `l4`：template: 内联 style 中不使用多值 margin/padding 简写
+- `l5`：template: scroll-into-view 目标添加 wx:ref
+- `l6`：template: createSelectorQuery 目标添加空 wx:ref
+
+### eval-5 conditional-compile-advanced
+
+`mpx2rn_original` 失败：
+
+- `c2`：style: border-style 统一设置不使用单边
+
+补充说明：该失败不是 `.method-selector` 的条件编译分支导致，而是 `.form-item` 中仍存在 RN 有效样式 `border-bottom-style: solid;`。
+
+`mpx2rn_gene` 失败：
+
+- `c2`：style: border-style 统一设置不使用单边
+- `c7`：style: background-repeat 仅使用 no-repeat
+- `c9`：style: text-decoration-style/color 条件编译处理
+
+`no_skill` 失败：
+
+- `c0`：style: @mpx-if 包裹完整规则不产生空选择器
+- `c1`：style: font-family 使用单一字体名
+- `c2`：style: border-style 统一设置不使用单边
+- `c3`：template: 内联 style 不使用 border 简写
+- `c4`：template: selectComponent 目标自定义组件添加 wx:ref
+- `c7`：style: background-repeat 仅使用 no-repeat
+- `c9`：style: text-decoration-style/color 条件编译处理
+
+## 执行耗时 & Token 消耗 & 工具调用次数
+
+| Eval | Group | Tokens | Tool Calls | Duration (s) |
+|------|-------|-------:|----------:|-----------:|
+| eval-0 | no_skill | 21,106 | 4 | 71.7 |
+| eval-0 | mpx2rn_original | 57,549 | 19 | 211.2 |
+| eval-0 | mpx2rn_gene | 29,257 | 13 | 82.9 |
+| eval-1 | no_skill | 24,196 | 4 | 72.1 |
+| eval-1 | mpx2rn_original | 89,038 | 35 | 413.5 |
+| eval-1 | mpx2rn_gene | 54,484 | 18 | 148.7 |
+| eval-2 | no_skill | 21,654 | 4 | 69.1 |
+| eval-2 | mpx2rn_original | 69,800 | 24 | 240.7 |
+| eval-2 | mpx2rn_gene | 75,275 | 19 | 140.5 |
+| eval-3 | no_skill | 22,046 | 3 | 68.6 |
+| eval-3 | mpx2rn_original | 79,730 | 21 | 200.8 |
+| eval-3 | mpx2rn_gene | 72,549 | 20 | 151.9 |
+| eval-4 | no_skill | 23,244 | 4 | 80.5 |
+| eval-4 | mpx2rn_original | 66,820 | 16 | 188.6 |
+| eval-4 | mpx2rn_gene | 73,936 | 16 | 147.5 |
+| eval-5 | no_skill | 30,534 | 5 | 127.3 |
+| eval-5 | mpx2rn_original | 78,429 | 11 | 181.7 |
+| eval-5 | mpx2rn_gene | 68,016 | 21 | 249.1 |
+
+### 分组汇总统计
+
+| Group | 总 Tokens | 平均 Tokens | 总 Tool Calls | 平均 Tool Calls | 总耗时 (s) | 平均耗时 (s) |
+|-------|----------:|------------:|--------------:|----------------:|-----------:|-------------:|
+| no_skill | 142,780 | 23,797 | 24 | 4.0 | 489.3 | 81.6 |
+| mpx2rn_original | 441,366 | 73,561 | 126 | 21.0 | 1,436.5 | 239.4 |
+| mpx2rn_gene | 373,517 | 62,253 | 107 | 17.8 | 920.6 | 153.4 |
+
+### 效率分析 (得分/token)
+
+| Group | 总得分 | 总 Tokens | 得分/万token |
+|-------|--------|----------:|------------:|
+| no_skill | 39/63 | 142,780 | 2.73 |
+| mpx2rn_original | 60/63 | 441,366 | 1.36 |
+| mpx2rn_gene | 52/63 | 373,517 | 1.39 |
+
+### 速度对比
+
+- **no_skill** 平均 81.6s，token 最少但得分最低
+- **mpx2rn_gene** 平均 153.4s，比 original 快 **36%**（因 gene 文档更紧凑）
+- **mpx2rn_original** 平均 239.4s，得分最高但耗时最长
+
+## 主要观察
+
+- 原版 `mpx2rn` skill 对模板、脚本、JSON 的稳定性最好，尤其 eval-1、eval-2、eval-3 均满分。
+- `mpx2rn_gene` 在 eval-0 和 eval-3 表现很好，说明紧凑策略对部分样式/复杂交互约束有效；但对 dataset 清理、内联事件传参、`wx:style` 对象 key、非触摸 catch 事件等细节覆盖不足。
+- baseline 在基础样式改造之外的跨端语义约束上遗漏明显，尤其页面滚动替换、selector `wx:ref`、JSON/脚本条件编译和 RN 特有模板属性。
+- 后续若继续优化 gene 版，优先补齐模板事件传参与 dataset 移除、内联样式简写限制、样式条件编译中的 RN 有效样式清理这三类高频失分点。
diff --git a/.agents/skills/mpx2rn-workspace/iteration-8/run_evals.py b/.agents/skills/mpx2rn-workspace/iteration-8/run_evals.py
new file mode 100755
index 0000000000..d7cd72e1b8
--- /dev/null
+++ b/.agents/skills/mpx2rn-workspace/iteration-8/run_evals.py
@@ -0,0 +1,134 @@
+#!/usr/bin/env python3
+"""
+Generate sub-agent prompts from prompt_templates.json + evals.json.
+
+Usage:
+  # Print all prompts (dry-run)
+  python3 run_evals.py
+
+  # Print prompts for specific eval ids
+  python3 run_evals.py --evals 0 2
+
+  # Specify model
+  python3 run_evals.py --model opus
+
+  # Specify specific groups
+  python3 run_evals.py --groups no_skill mpx2rn_original
+
+Output is a JSON array of agent dispatch descriptors, each with:
+  { "description", "model", "prompt", "output_path", "metrics_path" }
+
+Copy the output to Claude Code to dispatch agents.
+Metrics are collected from task-notification <usage> by the main agent after each
+sub-agent completes, then written to metrics_path. Required schema:
+  {
+    "total_tokens": 84852,
+    "tool_calls": 12,
+    "duration_ms": 23332
+  }
+"""
+import json
+import sys
+import argparse
+from pathlib import Path
+
+WORKSPACE = Path(__file__).parent
+PROJECT_ROOT = WORKSPACE.parents[3]  # .agents/skills/mpx2rn-workspace/iteration-8 -> /Users/didi/work/mpx2
+
+EVAL_DIRS = {
+    0: "eval-0-style-adaptation",
+    1: "eval-1-template-adaptation",
+    2: "eval-2-script-json-adaptation",
+    3: "eval-3-gradient-animation-interaction",
+    4: "eval-4-text-layout-selector",
+    5: "eval-5-conditional-compile-advanced",
+}
+
+OUTPUT_FILES = {
+    0: "product-card.mpx",
+    1: "order-list.mpx",
+    2: "user-profile.mpx",
+    3: "carousel-card.mpx",
+    4: "data-panel.mpx",
+    5: "payment-page.mpx",
+}
+
+
+def build_prompts(eval_ids=None, groups=None, model="opus"):
+    evals_cfg = json.loads((WORKSPACE / "evals.json").read_text())
+    templates_cfg = json.loads((WORKSPACE / "prompt_templates.json").read_text())
+
+    all_groups = list(templates_cfg["templates"].keys())
+    if groups is None:
+        groups = all_groups
+
+    evals = evals_cfg["evals"]
+    if eval_ids is not None:
+        evals = [e for e in evals if e["id"] in eval_ids]
+
+    skill_paths = {
+        "ORIGINAL_SKILL_PATH": str(PROJECT_ROOT / ".agents/skills/mpx2rn/SKILL.md"),
+        "ORIGINAL_REFS_PATH": str(PROJECT_ROOT / ".agents/skills/mpx2rn/references/"),
+        "GENE_SKILL_PATH": str(PROJECT_ROOT / ".agents/skills/mpx2rn-gene/SKILL.md"),
+        "GENE_GENES_PATH": str(PROJECT_ROOT / ".agents/skills/mpx2rn-gene/genes/"),
+        "GENE_REFS_PATH": str(PROJECT_ROOT / ".agents/skills/mpx2rn-gene/references/"),
+    }
+
+    dispatches = []
+    for ev in evals:
+        eid = ev["id"]
+        eval_dir = EVAL_DIRS[eid]
+        output_file = OUTPUT_FILES[eid]
+        input_files = ev.get("files", [])
+        input_path = str(WORKSPACE / eval_dir / input_files[0]) if input_files else ""
+
+        for group in groups:
+            if group not in templates_cfg["templates"]:
+                continue
+            tmpl = templates_cfg["templates"][group]
+            output_path = str(WORKSPACE / eval_dir / group / "outputs" / output_file)
+            metrics_path = str(WORKSPACE / eval_dir / group / "run-1" / "metrics.json")
+
+            variables = {
+                "TASK_PROMPT": ev["prompt"],
+                "INPUT_PATH": input_path,
+                "OUTPUT_PATH": output_path,
+                "METRICS_PATH": metrics_path,
+                "MODEL": model,
+                **skill_paths,
+            }
+
+            prompt = tmpl["prompt"]
+            for key, val in variables.items():
+                prompt = prompt.replace("{{" + key + "}}", val)
+
+            dispatches.append({
+                "description": f"Eval-{eid} {group}",
+                "model": model,
+                "prompt": prompt,
+                "output_path": output_path,
+                "metrics_path": metrics_path,
+            })
+
+    return dispatches
+
+
+def main():
+    parser = argparse.ArgumentParser(description="Generate eval agent prompts")
+    parser.add_argument("--evals", nargs="*", type=int, help="Eval IDs to run (default: all)")
+    parser.add_argument("--groups", nargs="*", help="Groups to run (default: all)")
+    parser.add_argument("--model", default="opus", help="Model to use (default: opus)")
+    args = parser.parse_args()
+
+    dispatches = build_prompts(
+        eval_ids=args.evals,
+        groups=args.groups,
+        model=args.model,
+    )
+
+    print(json.dumps(dispatches, ensure_ascii=False, indent=2))
+    print(f"\n# Total: {len(dispatches)} agent dispatches", file=sys.stderr)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/.agents/skills/mpx2rn.zip b/.agents/skills/mpx2rn.zip
new file mode 100644
index 0000000000..22f35e7d49
Binary files /dev/null and b/.agents/skills/mpx2rn.zip differ
diff --git a/.agents/skills/mpx2rn/SKILL.md b/.agents/skills/mpx2rn/SKILL.md
index ce4377e920..d5b282627d 100644
--- a/.agents/skills/mpx2rn/SKILL.md
+++ b/.agents/skills/mpx2rn/SKILL.md
@@ -60,9 +60,13 @@ Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展
 
 1. **基础组件优先**：使用 [模板能力参考 · 基础组件](./references/rn-template-reference.md#基础组件) 中标注 RN 支持的基础组件与其支持属性/事件，不要使用 RN 不支持的属性或事件；如用户通过 `rnConfig.customBuiltInComponents` 编译配置扩充拓展了基础组件能力，以用户说明为准。
 2. **页面滚动**：RN 平台页面默认不可滚动，`onPullDownRefresh` / `onReachBottom` / `onPageScroll` 不会触发；需要滚动时使用 `scroll-view` 包裹并使用其等效能力。
-3. **事件冒泡/捕获**：仅基础通用事件（`tap` / `longpress` / `touchstart` / `touchmove` / `touchend` / `touchcancel`）支持冒泡和捕获；其余事件不支持。事件委托不要依赖 `e.target.dataset`，使用 `e.currentTarget` 替代。
+3. **事件冒泡/捕获**：仅基础通用事件（`tap` / `longpress` / `touchstart` / `touchmove` / `touchend` / `touchcancel`）支持冒泡和捕获；其余事件不支持。
 4. **模板内方法调用**：模板 Mustache 表达式不支持普通方法调用，需通过 `computed` / `wxs` 实现（i18n 翻译函数除外）。
 5. **i18n**：组合式 API 中 `useI18n()` 解构出的翻译函数必须以原名 `t` / `tc` / `te` / `tm` 暴露至模板的 `return`，禁止重命名。
+6. **事件传参**：传递自定义参数给事件处理器时，优先使用事件内联传参语法（如 `bindtap="handleTap('param')"`），而不是通过 `data-` dataset 属性传参。
+7. **对象字面量 key 禁止加引号**：在模板插值（`wx:style` / `wx:class` 等）中使用对象字面量时，key **不允许**使用单引号或双引号包裹，否则会导致微信小程序模板编译报错。应使用 camelCase 形式的无引号 key。
+   - **Bad Example**: `wx:style="{{{'background-image': '...'}}}"`
+   - **Good Example**: `wx:style="{{{backgroundImage: '...'}}}"`
 
 ### 脚本（script）约束
 
@@ -73,13 +77,14 @@ Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展
 
 ### 样式（style）约束
 
-1. **选择器单类化**：禁止使用复合/伪类/伪元素等 RN 不支持的选择器，必须改造为单类等效实现，并同步修改 `<template>` 与 `<script>`（如 `createSelectorQuery`）中对应的引用。常见兼容方案见 [样式开发最佳实践 · 选择器使用建议](./references/rn-style-practice.md#选择器使用建议)。
+1. **样式能力判断口径**：样式属性支持情况以 [样式能力参考](./references/rn-style-reference.md) 为准，不要基于 RN 原生样式支持能力判断。Mpx2RN 已抹平支持的简写属性展开、CSS 变量、`calc()`、媒体查询、`rpx` 单位、颜色格式、文本继承等能力可直接使用，无需条件编译或替换写法。
+2. **选择器单类化**：禁止使用复合/伪类/伪元素等 RN 不支持的选择器，必须改造为单类等效实现，并同步修改 `<template>` 与 `<script>`（如 `createSelectorQuery`）中对应的引用。常见兼容方案见 [样式开发最佳实践 · 选择器使用建议](./references/rn-style-practice.md#选择器使用建议)。
    - **Bad Example**: `.list .item { color: red; }`
    - **Good Example**: `.list-item { color: red; }`
-2. **优先使用模板指令进行动态样式绑定**：使用 `wx:class` / `wx:style` 指令，避免在 `class` / `style` 属性内拼接 `{{}}` 插值表达式。
+3. **优先使用模板指令进行动态样式绑定**：使用 `wx:class` / `wx:style` 指令，避免在 `class` / `style` 属性内拼接 `{{}}` 插值表达式。
    - **Bad Example**: `<view class="item {{isActive ? 'active' : ''}}">`
    - **Good Example**: `<view class="item" wx:class="{{ {active: isActive} }}">`
-3. **优先使用跨端兼容方案**：常见样式属性的跨端兼容方案见 [样式开发最佳实践](./references/rn-style-practice.md)。下表区分两类处理方式：
+4. **优先使用跨端兼容方案**：常见样式属性的跨端兼容方案见 [样式开发最佳实践](./references/rn-style-practice.md)。下表区分两类处理方式：
    - **等效替换**（替换后写法在原平台与 RN 平台均生效，可直接全平台使用）
      - 复合选择器 → 等效单类选择器
      - 子元素伪类（`:first-child` 等）→ `wx:class` + `index` 判断
@@ -93,7 +98,7 @@ Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展
      - 文本溢出：原平台保留 `white-space` / `text-overflow` / `overflow: hidden` 样式（用样式条件编译包裹整条规则），RN 侧通过模板属性 `numberOfLines@ios|android|harmony` 等效实现
      - 1rpx 极细线：原平台保留 `1rpx` 边框写法（用样式条件编译），RN 侧用 `hairlineWidth` 等效
      
-4. **保留单位注释**：保留原始样式中的 `/*use rpx*/` 与 `/*use px*/` 注释，编译期会据此批量切换样式单位。
+5. **保留单位注释**：保留原始样式中的 `/*use rpx*/` 与 `/*use px*/` 注释，编译期会据此批量切换样式单位。
 
 ### JSON 配置约束
 
@@ -111,8 +116,7 @@ Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展
 
 1. **最小化使用**：条件编译是处理跨端不兼容的**最后手段**，不是首选方案。使用条件编译之前，应先确认是否存在无需条件编译的跨端兼容写法（参见[样式开发最佳实践](./references/rn-style-practice.md)与各能力参考）。需要用条件编译时，仅最小包裹真正不兼容的片段，不要整段代码都用条件编译分叉。
 2. **避免空选择器**：样式条件编译产物中不得留下空选择器（无样式内容的选择器），整条规则（含选择器与花括号内容）须一并被条件编译包裹。详见 [条件编译 · 避免产物中出现空选择器](./references/conditional-compile.md#避免产物中出现空选择器)。
-
-完整语法（样式 `@mpx-if` / 模板 `@mode` & `@_mode` & `mpxTagName@mode` / 脚本 `__mpx_mode__` / JSON 配置）参考 [条件编译](./references/conditional-compile.md)。
+3. **各区块使用对应的条件编译语法**：样式条件编译使用 `/* @mpx-if (__mpx_mode__ === ... ) */` 注释语法；模板条件编译使用 `wx:if="{{__mpx_mode__ === ...}}"` 指令或 `@mode` / `@_mode` 属性后缀；脚本和 JSON 配置条件编译使用 `if (__mpx_mode__ === ...)` 条件语句，**避免误用**，详情参考 [条件编译](./references/conditional-compile.md)。
 
 ## 任务一：对已有 Mpx 组件进行 RN 跨端适配改造
 
@@ -187,6 +191,7 @@ Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展
 **模板（template）**
 - [ ] `<template>` 中使用的基础组件、属性、事件均在 [模板能力参考](./references/rn-template-reference.md) 标注为 RN 支持，或已通过模板条件编译进行平台隔离；如用户通过 `rnConfig.customBuiltInComponents` 编译配置扩充拓展了基础组件能力，以用户说明为准。
 - [ ] 动态 `class` / `style` 已改造为 `wx:class` / `wx:style` 指令，未在属性值内使用 `{{}}` 拼接。
+- [ ] `wx:class` / `wx:style` 等模板插值中的对象字面量 key 均未使用引号包裹，使用 camelCase 无引号形式。
 - [ ] selector 类 API 引用的模板节点均已声明空 `wx:ref` 完成编译期映射。
 
 **脚本（script）**
@@ -204,6 +209,7 @@ Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展
 **条件编译**
 - [ ] 不存在大面积连续条件编译，仅最小包裹不兼容片段。
 - [ ] 样式条件编译处理后产物中不存在空选择器。
+- [ ] 各个区块内的条件编译语法都符合规范，不存在误用（如在模板区块中使用 `/* @mpx-if */` 注释语法等）。
 
 **本地校验**
 - [ ] 通过 [编译校验脚本](#编译校验脚本) 真实编译校验。
diff --git a/.agents/skills/mpx2rn/references/conditional-compile.md b/.agents/skills/mpx2rn/references/conditional-compile.md
index 0f04fbc24b..4130147710 100644
--- a/.agents/skills/mpx2rn/references/conditional-compile.md
+++ b/.agents/skills/mpx2rn/references/conditional-compile.md
@@ -16,6 +16,8 @@
 
 ## 样式条件编译
 
+> **⚠️ `@mpx-if` 注释语法条件编译仅限在 `<style>` 区块内使用**，**严禁**在 `<style>` 区块以外的位置使用，不会生效。
+
 ```html
 <style>
 .container {
diff --git a/.agents/skills/mpx2rn/references/rn-json-reference.md b/.agents/skills/mpx2rn/references/rn-json-reference.md
index 7c35833c36..408792a705 100644
--- a/.agents/skills/mpx2rn/references/rn-json-reference.md
+++ b/.agents/skills/mpx2rn/references/rn-json-reference.md
@@ -24,7 +24,9 @@
 
 ## 应用配置
 
-应用 JSON 配置用于注册页面、默认窗口样式、分包、预下载规则等。示例如下（字段可按需取舍）：
+应用 JSON 配置用于注册页面、默认窗口样式、分包、预下载规则等，写在 `app.mpx` 文件的 JSON 块中。
+
+示例如下（字段可按需取舍）：
 
 ```JSON5
 {
@@ -65,6 +67,8 @@
 
 ## 页面配置
 
+写在各页面 `.mpx` 文件的 JSON 块中。
+
 以下为页面的 JSON 配置示例：
 
 ```JSON5
@@ -103,6 +107,8 @@
 
 ## 组件配置
 
+写在各组件 `.mpx` 文件的 JSON 块中。
+
 以下为自定义组件的 JSON 配置示例：
 
 ```JSON5
diff --git a/.agents/skills/mpx2rn/references/rn-script-reference.md b/.agents/skills/mpx2rn/references/rn-script-reference.md
index ee8dba4173..e6ec76815e 100644
--- a/.agents/skills/mpx2rn/references/rn-script-reference.md
+++ b/.agents/skills/mpx2rn/references/rn-script-reference.md
@@ -13,6 +13,11 @@
   - [`setup` 的第一个参数 `props`](#setup-的第一个参数-props)
   - [`setup` 的第二个参数 `context`](#setup-的第二个参数-context)
   - [`<script setup>`](#script-setup)
+- [生命周期](#生命周期)
+  - [生命周期对应关系](#生命周期对应关系)
+  - [三类写法说明](#三类写法说明)
+  - [用法示例](#用法示例)
+  - [注意事项](#注意事项-3)
 - [Mpx 运行时导出](#mpx-运行时导出)
   - [默认导出](#默认导出)
   - [命名导出](#命名导出)
@@ -163,10 +168,6 @@
 | `onAddToFavorites` | 页面 | 输出 RN 时无效。 |
 | `onSaveExitState` | 页面 | 输出 RN 时无效。 |
 
-#### 注意事项
-
-- 由于不同平台对 `onLoad` 中 `query` 参数的处理逻辑不同，有的进行了 `decodeURIComponent` 而有的没有，为了方便跨平台统一处理，Mpx 在 `onLoad` 生命周期中添加了第二个参数 `decodedQuery`，该参数能保证所有平台下获取到的结果都是经过 `decodeURIComponent` 处理的。
-
 ---
 
 ### 页面 / 组件实例方法与属性
@@ -386,6 +387,172 @@ createComponent({
 
 ---
 
+## 生命周期
+
+Mpx 生命周期体系包含三类写法，在组合式 API 中统一使用 Vue 风格钩子；选项式 API 中可使用小程序原生生命周期或框架内置生命周期常量。三者对应关系如下：
+
+### 生命周期对应关系
+
+| 框架内置生命周期常量 | 选项式 API（原生生命周期） | 组合式 API 钩子 | 说明 |
+|:---|:---|:---|:---|
+| `BEFORECREATE` | 页面：`onLoad` / 组件：`attached` | —（直接在 `setup` 中编写） | 实例初始化之后，数据观测之前 |
+| `CREATED` | 页面：`onLoad` / 组件：`attached` | —（直接在 `setup` 中编写） | 实例创建完成，数据观测已就绪 |
+| `BEFOREMOUNT` | 页面：`onReady` / 组件：`ready` | `onBeforeMount` | 挂载开始之前，视图尚未渲染 |
+| `MOUNTED` | 页面：`onReady` / 组件：`ready` | `onMounted` | 视图渲染完成，可访问节点与 refs |
+| `BEFOREUPDATE` | — | `onBeforeUpdate` | 数据变更后，视图重新渲染之前 |
+| `UPDATED` | — | `onUpdated` | 视图重新渲染完毕之后 |
+| `BEFOREUNMOUNT` | 页面：`onUnload` / 组件：`detached` | `onBeforeUnmount` | 实例卸载之前，仍可访问实例 |
+| `UNMOUNTED` | 页面：`onUnload` / 组件：`detached` | `onUnmounted` | 实例卸载完成，子组件已全部卸载 |
+| `ONLOAD` | `onLoad` | `onLoad` | 页面创建时触发，仅调用一次；入参 `(rawQuery, decodedQuery)` |
+| `ONSHOW` | `onShow` | `onShow` | 页面显示 / 从后台切入前台时触发 |
+| `ONHIDE` | `onHide` | `onHide` | 页面隐藏 / 切入后台时触发 |
+| `ONRESIZE` | `onResize` | `onResize` | 页面可视区域尺寸变化时触发；入参 `(res)`，含 `windowWidth`、`windowHeight` 等 |
+| `REACTHOOKSEXEC` | — | `onReactHooksExec` | RN 组件渲染期，用于执行 React Hooks；入参 `(props)`，返回值（对象）会合并到组件实例上 |
+
+### 三类写法说明
+
+1. **小程序原生生命周期**（选项式 API）：直接使用各平台原生名称，如 `onLoad`、`attached`、`ready`、`detached`、`onShow` 等。
+2. **框架内置生命周期常量**（选项式 API）：从 `@mpxjs/core` 导入 `BEFORECREATE`、`CREATED`、`MOUNTED` 等常量，以计算属性名 `[MOUNTED]() {}` 形式声明，保持跨平台一致性。
+3. **组合式生命周期钩子**（组合式 API）：从 `@mpxjs/core` 导入 `onMounted`、`onBeforeUnmount`、`onShow` 等函数，在 `setup` 内同步调用注册。`setup` 本身等价于 `beforeCreate` + `created`，可直接在其中编写初始化逻辑。
+
+### 用法示例
+
+#### 小程序原生生命周期（选项式 API）
+
+```js
+import { createComponent } from "@mpxjs/core"
+
+createComponent({
+  data: {
+    count: 0
+  },
+  attached() {
+    console.log("组件进入页面节点树，可访问 data")
+    this.count = 1
+  },
+  ready() {
+    console.log("组件视图层布局完成，可操作节点")
+  },
+  detached() {
+    console.log("组件从节点树移除，清理资源")
+  },
+  pageLifetimes: {
+    show() {
+      console.log("组件所在页面显示")
+    },
+    hide() {
+      console.log("组件所在页面隐藏")
+    }
+  }
+})
+```
+
+#### 框架内置生命周期常量（选项式 API）
+
+```js
+import { createComponent, CREATED, MOUNTED, BEFOREUNMOUNT, ONSHOW } from "@mpxjs/core"
+
+createComponent({
+  data: {
+    timer: null
+  },
+  [CREATED]() {
+    console.log("组件创建完成")
+  },
+  [MOUNTED]() {
+    console.log("组件挂载完成")
+    this.timer = setInterval(() => {
+      console.log("定时任务")
+    }, 1000)
+  },
+  [BEFOREUNMOUNT]() {
+    console.log("组件即将销毁")
+    if (this.timer) {
+      clearInterval(this.timer)
+      this.timer = null
+    }
+  },
+  [ONSHOW]() {
+    console.log("页面显示")
+  }
+})
+```
+
+#### 组合式生命周期钩子（组合式 API）
+
+```js
+import {
+  createComponent,
+  ref,
+  onBeforeMount,
+  onMounted,
+  onBeforeUpdate,
+  onUpdated,
+  onBeforeUnmount,
+  onUnmounted,
+  onShow,
+  onHide,
+  onResize
+} from "@mpxjs/core"
+
+createComponent({
+  setup() {
+    // setup 执行期相当于 beforeCreate + created
+    const count = ref(0)
+
+    onBeforeMount(() => {
+      console.log("组件即将挂载")
+    })
+
+    onMounted(() => {
+      console.log("组件已挂载，可访问 refs")
+    })
+
+    onBeforeUpdate(() => {
+      console.log("数据即将更新")
+    })
+
+    onUpdated(() => {
+      console.log("数据更新完成")
+    })
+
+    onBeforeUnmount(() => {
+      console.log("组件即将卸载，清理资源")
+    })
+
+    onUnmounted(() => {
+      console.log("组件已卸载")
+    })
+
+    onShow(() => {
+      console.log("页面显示")
+    })
+
+    onHide(() => {
+      console.log("页面隐藏")
+    })
+
+    onResize((res) => {
+      console.log("页面尺寸变化", res)
+    })
+
+    return { count }
+  }
+})
+```
+
+### 注意事项
+
+- 由于不同平台对 `onLoad` 中 `query` 参数的处理逻辑不同，有的进行了 `decodeURIComponent` 而有的没有，为了方便跨平台统一处理，Mpx 在 `onLoad` 生命周期中添加了第二个参数 `decodedQuery`，该参数能保证所有平台下获取到的结果都是经过 `decodeURIComponent` 处理的。
+- 组合式生命周期钩子**必须在 `setup` 执行期间同步注册**，禁止在异步回调（`setTimeout`、`Promise.then` 等）中调用，否则会丢失当前实例上下文。
+- `setup` 本身即 `BEFORECREATE` + `CREATED` 阶段，无需额外的 `onBeforeCreate` / `onCreated` 钩子。
+- `onMounted` 对应页面 `onReady` / 组件 `ready`，此时可安全访问 `context.refs` 和 selector 查询。
+- `onShow` / `onHide` 在组件中监听的是所在页面的显示/隐藏事件。
+- `onReactHooksExec` 为 RN 混编场景专用，用于在组件渲染期执行 React Hooks。
+- App 级别**不支持** `setup` 语法，应用生命周期（`onLaunch`、`onShow`、`onHide`、`onError`）只能在选项式 API 中使用。
+
+---
+
 ## Mpx 运行时导出
 
 依据 **`packages/core/src/index.js`** 及其 **`export *`**（**`platform/export/index.js`**，以及可能对 **`@mpxjs/store`** 的再导出）整理；与版本不一致时以包内源码与类型声明为准。全局状态方案选型见 **[状态管理](#状态管理)**。
diff --git a/.agents/skills/mpx2rn/references/rn-style-practice.md b/.agents/skills/mpx2rn/references/rn-style-practice.md
index 001ea4292a..9a0b56ac8e 100644
--- a/.agents/skills/mpx2rn/references/rn-style-practice.md
+++ b/.agents/skills/mpx2rn/references/rn-style-practice.md
@@ -15,6 +15,7 @@
   - [谨慎使用 font-weight 数值](#谨慎使用-font-weight-数值)
 - [布局最佳实践](#布局最佳实践)
   - [使用 Flexbox 布局](#使用-flexbox-布局)
+  - [不要依赖 BFC 和 margin 合并](#不要依赖-bfc-和-margin-合并)
   - [避免使用 Grid 布局](#避免使用-grid-布局)
   - [避免使用 Float 布局](#避免使用-float-布局)
 - [文本溢出处理](#文本溢出处理)
@@ -692,6 +693,97 @@ Flexbox 是跨平台最可靠的布局方式。
 </style>
 ```
 
+### 不要依赖 BFC 和 margin 合并
+
+小程序 / Web 的普通块级布局中存在相邻块级元素垂直 `margin` 合并行为，常见现象包括：父子元素的垂直外边距可能合并、相邻兄弟元素的上下外边距可能取较大值而不是相加。BFC（块级格式化上下文）是常见的隔离手段；例如 `overflow: hidden` 可通过创建 BFC 隔离部分父子 margin 合并。CSS margin 合并只发生在块级布局的垂直方向，水平方向的 `margin-left` / `margin-right` 不会发生 margin 合并。
+
+RN 基于 Yoga 布局，没有 BFC 和 margin 合并概念。输出 RN 时，`marginTop` / `marginBottom` 会作为节点自身间距参与布局，相邻节点的垂直 margin 通常会叠加，`overflow: hidden` 也不具备创建 BFC 的布局语义。因此跨端适配时不要依赖 BFC 或 margin 合并来“自动修正”间距，应改为显式、单向地定义间距归属。
+
+**推荐处理原则：**
+
+1. **容器外沿空间用父容器 `padding` 表达**：不要依赖首个 / 末个子节点的 margin 与父容器合并。
+2. **兄弟节点间距只交给一侧负责**：列表项之间统一使用后一项的 `margin-top` 或前一项的 `margin-bottom`，不要同时给上下两个节点都写垂直 margin。
+3. **用模板状态标记首尾项**：需要去掉首项或末项间距时，用 `wx:class` + `index` 显式绑定单类。
+4. **不要把 BFC hack 当作跨端布局手段**：`overflow: hidden` 在 RN 中主要用于裁剪，不应用来隔离 margin 合并。
+5. **必要时可显式声明纵向 Flex**：如果容器内仍存在难以拆解的垂直 margin 关系，可在确认不影响原布局的前提下，同时声明 `display: flex` 与 `flex-direction: column`，使原平台子节点也作为 flex item 参与布局，进一步避免垂直 margin 合并；若已通过 `padding` 和单侧 margin 明确处理间距，则不必额外添加 flex 声明。
+
+注意，Mpx 输出 RN 时，如果显式声明了 `display: flex` 但未声明 `flex-direction`，会自动补充 `flex-direction: row` 与小程序 / Web 对齐。为了保持原本块级纵向布局，选择添加 flex 声明时必须同步声明 `flex-direction: column`。
+
+**❌ 避免：**依赖 Web / 小程序中的 margin 合并或 BFC 隔离来得到最终间距。下例在原平台中 `.card` 通过 `overflow: hidden` 创建 BFC 隔离父子 margin，但普通流里的相邻兄弟垂直 margin 仍可能按 CSS 规则合并；RN 中没有这套行为，间距可能明显不同。
+
+```html
+<template>
+  <view class="card">
+    <view class="card-title">标题</view>
+    <view class="card-desc">说明</view>
+  </view>
+</template>
+
+<style>
+  .card {
+    overflow: hidden;
+  }
+
+  .card-title {
+    margin-top: 24rpx;
+    margin-bottom: 16rpx;
+  }
+
+  .card-desc {
+    margin-top: 12rpx;
+  }
+</style>
+```
+
+**✅ 推荐：**把容器内边距交给父容器，把标题和说明之间的间距交给单侧节点，跨端都会得到明确且稳定的布局结果。
+
+```html
+<template>
+  <view class="card">
+    <view class="card-title">标题</view>
+    <view class="card-desc">说明</view>
+  </view>
+</template>
+
+<style>
+  .card {
+    padding-top: 24rpx;
+  }
+
+  .card-desc {
+    margin-top: 16rpx;
+  }
+</style>
+```
+
+**列表场景：**
+
+```html
+<template>
+  <view class="list">
+    <view
+      wx:for="{{items}}"
+      wx:key="id"
+      class="list-item"
+      wx:class="{{ { 'list-item-gap': index > 0 } }}"
+    >
+      {{item.text}}
+    </view>
+  </view>
+</template>
+
+<style>
+  .list {
+    padding-top: 24rpx;
+    padding-bottom: 24rpx;
+  }
+
+  .list-item-gap {
+    margin-top: 16rpx;
+  }
+</style>
+```
+
 ### 避免使用 Grid 布局
 
 Grid 布局在 RN 平台不支持。
diff --git a/.agents/skills/mpx2rn/references/rn-style-reference.md b/.agents/skills/mpx2rn/references/rn-style-reference.md
index dbf730ec2c..cb86ce2a6d 100644
--- a/.agents/skills/mpx2rn/references/rn-style-reference.md
+++ b/.agents/skills/mpx2rn/references/rn-style-reference.md
@@ -86,7 +86,7 @@ Mpx 在 RN 平台完整支持静态和动态的类名及样式绑定，与小程
 
 #### 动态样式绑定（wx:style）
 
-`wx:style` 支持对象语法和数组语法，可以与静态 `style` 属性同时使用。样式名支持驼峰写法。
+`wx:style` 支持对象语法和数组语法，可以与静态 `style` 属性同时使用。样式名必须使用驼峰写法（如 `fontSize`），不允许使用横杠写法（如 `font-size`）。
 
 **对象语法：**
 
@@ -105,7 +105,7 @@ Mpx 在 RN 平台完整支持静态和动态的类名及样式绑定，与小程
 
 **注意事项：**
 
-- 样式名可以使用驼峰写法（如 `fontSize`）或横杠写法（如 `font-size`）
+- 样式名必须使用驼峰写法（如 `fontSize`），不允许使用横杠写法（如 `font-size`），横杠写法会导致微信小程序模板编译报错
 - `wx:class` 和 `wx:style` 在运行时动态计算，性能优良
 - 支持与静态 `class` 和 `style` 属性同时使用，会自动合并
 
@@ -249,14 +249,28 @@ Mpx 框架抹平了平台差异，使 `view` 等容器节点可以直接包裹
 
 ### 简写属性支持
 
-RN 仅原生支持部分 CSS 简写属性，Mpx 会在**编译时**对其他简写属性进行展开，以兼容 RN。
+RN 仅原生支持部分 CSS 简写属性，Mpx 分别在**编译时**和**运行时**对其他简写属性进行增强处理，以兼容 RN。
 
 **RN 原生支持的简写属性：** 以下属性在 RN 中原生支持，可以在 `style` 内联样式和 `class` 类样式中使用，无需编译转换：
 
 - **布局**：`flex`（支持 `flex: 1` / `flex: 0` 等）
 - **间距**：`margin`、`padding`（**仅支持单值语法**，如 `margin: 10px`）
 - **边框**：`border-width`、`border-color`、`border-radius`（**仅支持单值语法**，如 `border-width: 1px`）
-- **阴影**：`box-shadow`（RN 0.76+ 原生支持）
+- **阴影**：`box-shadow`（RN 0.76+ 原生支持，如 `box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)`）
+- **变换**：`transform`、`transform-origin`（支持字符串多值语法，如 `transform: 'rotate(45deg) scale(2)'`）
+
+**Mpx 运行时增强的简写属性：** 以下属性由 Mpx 在运行时进行解析和转换处理，支持在 `style` 内联样式中使用：
+
+- **过渡简写**：`transition`
+  - 在运行时将 `transition` 字符串简写解析为动画配置，如 `transition: opacity 0.3s ease` → 解析出 `property`、`duration`、`timingFunction` 等参数
+  - 同时支持 `transition-property`、`transition-duration`、`transition-delay`、`transition-timing-function` 子属性的独立设置和合并
+  - 仅 `view` 组件支持；`transition-property` 不支持 `all`，需显式指定属性名；不支持 `step-start`、`step-end`、`steps()` 等阶梯时间函数
+- **背景尺寸**：`background-size`
+  - 在运行时解析多值语法（如 `background-size: 200rpx 100rpx`），将宽高值分别提取并转换为 RN 可用的数值格式
+  - 仅 `view` 组件支持，需配合 `background-image` 使用
+- **背景位置**：`background-position`
+  - 在运行时解析多值语法（如 `background-position: 50% 50%`），支持关键字（`center`、`left`、`right`、`top`、`bottom`）、百分比和数值
+  - 仅 `view` 组件支持，需配合 `background-image` 使用
 
 **Mpx 编译时增强的简写属性：** 以下属性及其多值语法 RN 不原生支持，Mpx 会在编译时自动将其展开为 RN 支持的多属性结构：
 
@@ -276,8 +290,9 @@ RN 仅原生支持部分 CSS 简写属性，Mpx 会在**编译时**对其他简
 **使用限制：**
 
 - ✅ **class 类样式**：支持所有简写属性及其多值语法，Mpx 会在编译时自动展开。
-- ❌ **style 属性**：仅支持 RN 原生支持的简写属性（如 `margin`、`padding` 的单值语法）。**不支持** Mpx 编译增强的简写属性（如 `border`、多值 `margin` 等），在内联样式中使用这些属性会导致 RN 运行时报错或无效。
+- ❌ **style 内联样式**：仅支持 RN 原生简写属性和 Mpx 运行时增强的简写属性，**不支持** Mpx 编译增强的简写属性（如 `border`、多值 `margin` 等），在内联样式中使用这些属性会导致 RN 运行时报错或无效。
 - ❌ **CSS 变量**：编译增强的简写属性不支持单个 `var()` 函数（如 `margin: var(--spacing)`），但支持多值简写中使用多个 `var()`（如 `margin: var(--v) var(--h)`）。RN 原生支持的简写属性（如单值 `margin`）支持单个 `var()`。
+- ❌ **`border-style` 多值语法**：`border-style` 不支持 2-4 值语法（如 `border-style: solid dashed`），因为 RN 环境中不支持分别设置各方向的 `borderStyle`，仅支持统一设置单值（如 `border-style: solid`）。
 
 ### CSS 变量与函数
 
@@ -391,8 +406,12 @@ Mpx 在 RN 平台支持 CSS 背景图及渐变背景，框架会自动处理样
 
 - **组件限制**：仅 `view` 组件支持除 `background-color` 外的背景相关属性。
 - **简写属性**：`background` 简写属性仅支持 `<background-color>`、`<background-image>` 和 `<background-repeat>`，不支持 `background-position` 和 `background-size` 简写。
-- **背景重复**：`background-repeat` 仅支持 `no-repeat`
+- **背景重复**：`background-repeat` 仅支持 `no-repeat`。
 - **多重背景**：不支持多重背景。
+- **渐变类型**：仅支持 `linear-gradient()` 线性渐变，不支持 `radial-gradient()`、`conic-gradient()` 等其他渐变类型。
+- **渐变颜色值**：避免在渐变中使用 `transparent` 关键字，RN 中 `transparent` 等价于 `rgba(0,0,0,0)`，会导致渐变过渡中出现灰色过渡带。应使用目标颜色的透明版本替代，如 `rgba(255,0,0,0)` 代替 `transparent`。
+- **渐变位置百分比**：颜色停靠点仅支持百分比单位（如 `red 10%`），不支持 `px` 等长度单位。
+- **渐变方向**：支持角度值（如 `45deg`）和 `to` 关键字方向（如 `to right`），未指定方向时默认 `180deg`（从上到下）。
 
 **自动检测与 enable-background：** 框架会自动检测样式中的背景相关属性（如 `background-image`、`background-size` 等）。如果样式中一开始不存在背景定义，但后续需要动态添加（如通过 `wx:style`），建议使用 `enable-background` 属性预先声明，以确保运行时正确处理背景。
 
@@ -418,130 +437,130 @@ Mpx 在 RN 平台支持 CSS 背景图及渐变背景，框架会自动处理样
 
 ### 布局属性 (Flexbox)
 
-| 属性 | 值类型 | 默认值 | 说明 |
-| --- | --- | --- | --- |
-| `display` | `flex` \| `none` | `flex` | RN 仅支持 Flex 布局 |
-| `flex-direction` | `row` \| `column` \| `row-reverse` \| `column-reverse` | `column` | 主轴方向（RN 默认为 column） |
-| `flex-wrap` | `nowrap` \| `wrap` \| `wrap-reverse` | `nowrap` | 换行控制 |
-| `justify-content` | `flex-start` \| `flex-end` \| `center` \| `space-between` \| `space-around` \| `space-evenly` | `flex-start` | 主轴对齐 |
-| `align-items` | `flex-start` \| `flex-end` \| `center` \| `stretch` \| `baseline` | `stretch` | 交叉轴对齐 |
-| `align-content` | `flex-start` \| `flex-end` \| `center` \| `stretch` \| `space-between` \| `space-around` \| `space-evenly` | `flex-start` | 多行交叉轴对齐 |
-| `align-self` | `auto` \| `flex-start` \| `flex-end` \| `center` \| `stretch` \| `baseline` | `auto` | 单个元素交叉轴对齐 |
-| `flex` | `none` \| `auto` \| `initial` \| `<flex-grow>` \| `<flex-grow> <flex-shrink>` \| `<flex-grow> <flex-basis>` \| `<flex-grow> <flex-shrink> <flex-basis>` | - | 简写属性 |
-| `flex-grow` | `number` | `0` | 放大比例 |
-| `flex-shrink` | `number` | `0` | 收缩比例 |
-| `flex-basis` | `auto` \| `length` \| `%` | `auto` | 初始大小 |
-| `gap` / `row-gap` / `column-gap` | `length` | - | 行列间距 |
+| 属性 | 值类型 | 默认值 | 说明 | 示例 |
+| --- | --- | --- | --- | --- |
+| `display` | `flex` \| `none` | `flex` | RN 仅支持 Flex 布局。`display: none` 在 RN 中可能引发异常表现，不建议使用，推荐通过 `wx:if` 条件渲染或设置 `width: 0; height: 0; overflow: hidden` 等方式隐藏元素 | `display: flex` |
+| `flex-direction` | `row` \| `column` \| `row-reverse` \| `column-reverse` | `column` | 主轴方向。RN 原生默认值为 `column`，但 Mpx 输出 RN 在显式声明 `display: flex` 且未声明 `flex-direction` 时会自动补充 `flex-direction: row` 来对齐小程序 / Web；需要纵向布局时请显式写 `flex-direction: column` | `flex-direction: row` 水平排列子元素 |
+| `flex-wrap` | `nowrap` \| `wrap` \| `wrap-reverse` | `nowrap` | 换行控制 | `flex-wrap: wrap` 子元素超出时自动换行 |
+| `justify-content` | `flex-start` \| `flex-end` \| `center` \| `space-between` \| `space-around` \| `space-evenly` | `flex-start` | 主轴对齐 | `justify-content: space-between` 两端对齐；`justify-content: center` 居中 |
+| `align-items` | `flex-start` \| `flex-end` \| `center` \| `stretch` \| `baseline` | `stretch` | 交叉轴对齐 | `align-items: center` 垂直居中子元素 |
+| `align-content` | `flex-start` \| `flex-end` \| `center` \| `stretch` \| `space-between` \| `space-around` \| `space-evenly` | `flex-start` | 多行交叉轴对齐 | `flex-wrap: wrap; align-content: space-between` 多行均匀分布 |
+| `align-self` | `auto` \| `flex-start` \| `flex-end` \| `center` \| `stretch` \| `baseline` | `auto` | 单个元素交叉轴对齐 | `align-self: flex-end` 单独将某子元素对齐到底部 |
+| `flex` | `none` \| `auto` \| `initial` \| `<flex-grow>` \| `<flex-grow> <flex-shrink>` \| `<flex-grow> <flex-basis>` \| `<flex-grow> <flex-shrink> <flex-basis>` | - | 简写属性 | `flex: 1` 填满剩余空间；`flex: 1 1 auto` 可伸缩且基于内容大小 |
+| `flex-grow` | `number` | `0` | 放大比例 | `flex-grow: 1` 等比例分配剩余空间 |
+| `flex-shrink` | `number` | `0` | 收缩比例 | `flex-shrink: 1` 空间不足时允许收缩 |
+| `flex-basis` | `auto` \| `length` \| `%` | `auto` | 初始大小 | `flex-basis: 200rpx` 初始宽度 200rpx |
+| `gap` / `row-gap` / `column-gap` | `length` | - | 行列间距 | `gap: 20rpx`；`row-gap: 10rpx; column-gap: 20rpx` 分别设置行列间距 |
 
 ### 定位与层级
 
-| 属性 | 值类型 | 默认值 | 说明 |
-| --- | --- | --- | --- |
-| `position` | `relative` \| `absolute` \| `fixed` | `relative` | 不支持 `sticky` |
-| `top` / `right` / `bottom` / `left` | `length` \| `%` | - | 偏移量 |
-| `z-index` | `number` | - | 层级控制 |
+| 属性 | 值类型 | 默认值 | 说明 | 示例 |
+| --- | --- | --- | --- | --- |
+| `position` | `relative` \| `absolute` \| `fixed` | `relative` | 不支持 `sticky` | `position: absolute; top: 0; left: 0` 绝对定位到左上角 |
+| `top` / `right` / `bottom` / `left` | `length` \| `%` | - | 偏移量 | `top: 20rpx`；`left: 50%` |
+| `z-index` | `number` | - | 层级控制 | `z-index: 10` 提升元素层级使其覆盖在其他元素之上 |
 
 ### 尺寸与溢出
 
-| 属性 | 值类型 | 默认值 | 说明 |
-| --- | --- | --- | --- |
-| `width` / `height` | `auto` \| `length` \| `%` | `auto` | 宽高 |
-| `min-width` / `min-height` | `length` \| `%` | - | 最小尺寸 |
-| `max-width` / `max-height` | `length` \| `%` | - | 最大尺寸 |
-| `aspect-ratio` | `auto` \| `number` \| `width / height` | - | 宽高比 |
-| `box-sizing` | `border-box` \| `content-box` | `content-box` | 盒模型，RN 原始默认值为 `border-box`，Mpx 中为了跨端表现一致统一默认值为 `content-box`，可通过 `mpx.config.rnConfig.defaultBoxSizing` 配置默认值 |
-| `overflow` | `visible` \| `hidden` \| `scroll` | `visible` | 溢出控制 |
+| 属性 | 值类型 | 默认值 | 说明 | 示例 |
+| --- | --- | --- | --- | --- |
+| `width` / `height` | `auto` \| `length` \| `%` | `auto` | 宽高 | `width: 750rpx; height: 200rpx`；`width: 100%` |
+| `min-width` / `min-height` | `length` \| `%` | - | 最小尺寸 | `min-height: 100rpx` 保证最小高度 |
+| `max-width` / `max-height` | `length` \| `%` | - | 最大尺寸 | `max-width: 600rpx` 限制最大宽度 |
+| `aspect-ratio` | `auto` \| `number` \| `width / height` | - | 宽高比 | `aspect-ratio: 16 / 9` 保持 16:9 比例；`aspect-ratio: 1` 正方形 |
+| `box-sizing` | `border-box` \| `content-box` | `content-box` | 盒模型，RN 原始默认值为 `border-box`，Mpx 中为了跨端表现一致统一默认值为 `content-box`，可通过 `mpx.config.rnConfig.defaultBoxSizing` 配置默认值 | `box-sizing: border-box` 宽高包含边框和内边距 |
+| `overflow` | `visible` \| `hidden` \| `scroll` | `visible` | 溢出控制 | `overflow: hidden` 裁剪超出内容；`overflow: scroll` 允许滚动 |
 
 ### 间距 (Margin/Padding)
 
-| 属性        | 值类型                    | 说明                   |
-| ----------- | ------------------------- | ---------------------- |
-| `margin`    | `auto` \| `length` \| `%` | 外边距简写（支持多值） |
-| `margin-*`  | `auto` \| `length` \| `%` | 单边外边距             |
-| `padding`   | `length` \| `%`           | 内边距简写（支持多值） |
-| `padding-*` | `length` \| `%`           | 单边内边距             |
+| 属性        | 值类型                    | 说明                   | 示例 |
+| ----------- | ------------------------- | ---------------------- | --- |
+| `margin`    | `auto` \| `length` \| `%` | 外边距简写（支持多值） | `margin: 20rpx`；`margin: 10rpx 20rpx`（上下 10 左右 20）；`margin: auto` 水平居中 |
+| `margin-*`  | `auto` \| `length` \| `%` | 单边外边距             | `margin-top: 20rpx; margin-left: 30rpx` |
+| `padding`   | `length` \| `%`           | 内边距简写（支持多值） | `padding: 20rpx`；`padding: 10rpx 20rpx 30rpx 40rpx` |
+| `padding-*` | `length` \| `%`           | 单边内边距             | `padding-bottom: 40rpx` |
 
 ### 边框 (Border)
 
-| 属性 | 值类型 | 说明 |
-| --- | --- | --- |
-| `border` | `width style color` | 边框简写 |
-| `border-width` | `length` | 边框宽度（支持多值） |
-| `border-color` | `color` | 边框颜色（支持多值） |
-| `border-style` | `solid` \| `dotted` \| `dashed` | 边框样式（不支持单边设置） |
-| `border-radius` | `length` \| `%` | 圆角半径（支持多值） |
-| `border-*-radius` | `length` \| `%` | 单角圆角 |
+| 属性 | 值类型 | 说明 | 示例 |
+| --- | --- | --- | --- |
+| `border` | `width style color` | 边框简写 | `border: 1px solid #e5e5e5` |
+| `border-width` | `length` | 边框宽度（支持多值） | `border-width: 1px`；`border-width: 1px 2px` |
+| `border-color` | `color` | 边框颜色（支持多值） | `border-color: #ccc`；`border-color: red blue` |
+| `border-style` | `solid` \| `dotted` \| `dashed` | 边框样式（不支持单边设置） | `border-style: dashed` |
+| `border-radius` | `length` \| `%` | 圆角半径（支持多值） | `border-radius: 16rpx`；`border-radius: 50%` 圆形 |
+| `border-*-radius` | `length` \| `%` | 单角圆角 | `border-top-left-radius: 20rpx; border-top-right-radius: 20rpx` 顶部圆角 |
 
 ### 背景 (Background)
 
 **注意**：仅 `view` 组件支持背景相关属性（除 `background-color` 外）。
 
-| 属性 | 值类型 | 说明 |
-| --- | --- | --- |
-| `background` | `<background-color>` \| `<background-image>` \| `<background-repeat>` | 背景简写，不支持 `background-position` 和 `background-size` 简写 |
-| `background-color` | `color` | 背景色 |
-| `background-image` | `url()` \| `linear-gradient()` \| `none` | 背景图/渐变 |
-| `background-size` | `cover` \| `contain` \| `auto` \| `length` \| `%` | 背景尺寸 |
-| `background-repeat` | `no-repeat` | 仅支持不重复 |
-| `background-position` | `center` \| `left` \| `right` \| `top` \| `bottom` \| `number` \| `%` | 背景位置 |
+| 属性 | 值类型 | 说明 | 示例 |
+| --- | --- | --- | --- |
+| `background` | `<background-color>` \| `<background-image>` \| `<background-repeat>` | 背景简写，不支持 `background-position` 和 `background-size` 简写 | `background: #f5f5f5`；`background: url(https://example.com/bg.png) no-repeat` |
+| `background-color` | `color` | 背景色 | `background-color: #fff`；`background-color: rgba(0, 0, 0, 0.5)` 半透明黑色 |
+| `background-image` | `url()` \| `linear-gradient()` \| `none` | 背景图/渐变 | `background-image: url(https://example.com/bg.png)`；`background-image: linear-gradient(to bottom, #ff0000, #0000ff)`；`background-image: none` |
+| `background-size` | `cover` \| `contain` \| `auto` \| `length` \| `%` | 背景尺寸 | `background-size: cover` 覆盖填充；`background-size: 200rpx 100rpx` |
+| `background-repeat` | `no-repeat` | 仅支持不重复 | `background-repeat: no-repeat` |
+| `background-position` | `center` \| `left` \| `right` \| `top` \| `bottom` \| `number` \| `%` | 背景位置 | `background-position: center`；`background-position: 50% 50%` |
 
 ### 文本与字体
 
 **注意**：文本样式需遵循继承规则。
 
-| 属性 | 值类型 | 默认值 | 说明 |
-| --- | --- | --- | --- |
-| `color` | `color` | - | 文本颜色 |
-| `font-family` | `string` | - | 字体（仅支持单字体） |
-| `font-size` | `length` | - | 字体大小 |
-| `font-weight` | `normal` \| `bold` \| `100-900` | `normal` | 字体粗细 |
-| `font-style` | `normal` \| `italic` | `normal` | 字体样式 |
-| `line-height` | `length` \| `number` \| `%` | - | 行高 |
-| `text-align` | `left` \| `right` \| `center` \| `justify` | `auto` | 文本对齐；`auto` 是 RN 默认值，不支持在用户源码中显式书写 |
-| `vertical-align` | `auto` \| `top` \| `bottom` \| `middle` | - | 垂直对齐（Android / Harmony 支持，iOS 不支持） |
-| `text-decoration` | `line style color` | - | 装饰线简写；`text-decoration-style` / `text-decoration-color` 仅 iOS 支持 |
-| `text-transform` | `none` \| `uppercase` \| `lowercase` \| `capitalize` | `none` | 大小写转换 |
-| `letter-spacing` | `length` | - | 字符间距 |
-| `text-shadow` | `offset-x offset-y blur color` | - | 文本阴影（Mpx 增强） |
-| `user-select` | `auto` \| `text` \| `none` \| `contain` \| `all` | `auto` | 文本选择控制 |
-| `font-variant` | `small-caps` \| `oldstyle-nums` \| `lining-nums` \| `tabular-nums` \| `proportional-nums` | - | 字体变体 |
-| `direction` | `ltr` \| `rtl` \| `inherit` | `ltr` | 文本方向 |
+| 属性 | 值类型 | 默认值 | 说明 | 示例 |
+| --- | --- | --- | --- | --- |
+| `color` | `color` | - | 文本颜色 | `color: #333`；`color: rgba(0, 0, 0, 0.8)` |
+| `font-family` | `string` | - | 字体（仅支持单字体） | `font-family: PingFangSC-Regular` |
+| `font-size` | `length` | - | 字体大小 | `font-size: 28rpx`；`font-size: 16px` |
+| `font-weight` | `normal` \| `bold` \| `100-900` | `normal` | 字体粗细 | `font-weight: bold`；`font-weight: 500` |
+| `font-style` | `normal` \| `italic` | `normal` | 字体样式 | `font-style: italic` 斜体 |
+| `line-height` | `length` \| `number` \| `%` | - | 行高 | `line-height: 40rpx`；`line-height: 1.5` |
+| `text-align` | `left` \| `right` \| `center` \| `justify` | `auto` | 文本对齐；`auto` 是 RN 默认值，不支持在用户源码中显式书写 | `text-align: center` 文本居中 |
+| `vertical-align` | `auto` \| `top` \| `bottom` \| `middle` | - | 垂直对齐（Android / Harmony 支持，iOS 不支持） | `vertical-align: middle` |
+| `text-decoration` | `line style color` | - | 装饰线简写；`text-decoration-style` / `text-decoration-color` 仅 iOS 支持 | `text-decoration: underline`；`text-decoration: line-through solid red` |
+| `text-transform` | `none` \| `uppercase` \| `lowercase` \| `capitalize` | `none` | 大小写转换 | `text-transform: uppercase` 全部大写 |
+| `letter-spacing` | `length` | - | 字符间距 | `letter-spacing: 2rpx` |
+| `text-shadow` | `offset-x offset-y blur color` | - | 文本阴影（Mpx 增强） | `text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)` |
+| `user-select` | `auto` \| `text` \| `none` \| `contain` \| `all` | `auto` | 文本选择控制 | `user-select: none` 禁止选择文本 |
+| `font-variant` | `small-caps` \| `oldstyle-nums` \| `lining-nums` \| `tabular-nums` \| `proportional-nums` | - | 字体变体 | `font-variant: tabular-nums` 等宽数字 |
+| `direction` | `ltr` \| `rtl` \| `inherit` | `ltr` | 文本方向 | `direction: rtl` 右到左排列（适用于阿拉伯语等） |
 
 ### 变换 (Transform)
 
-| 属性               | 值类型                                | 说明         |
-| ------------------ | ------------------------------------- | ------------ |
-| `transform`        | `translate` \| `scale` \| `rotate`... | 变换函数列表 |
-| `transform-origin` | `length` \| `%` \| `keyword`          | 变换原点     |
+| 属性               | 值类型                                | 说明         | 示例 |
+| ------------------ | ------------------------------------- | ------------ | --- |
+| `transform`        | `translate` \| `scale` \| `rotate`... | 变换函数列表 | `transform: translateX(20rpx) rotate(45deg)`；`transform: scale(1.5)` 放大 1.5 倍 |
+| `transform-origin` | `length` \| `%` \| `keyword`          | 变换原点     | `transform-origin: center center`；`transform-origin: 0% 0%` 以左上角为变换原点 |
 
 **不支持**：`translateZ`, `scaleZ`, `translate3d`, `scale3d`, `rotate3d`, `matrix3d`。
 
 ### 阴影与不透明度
 
-| 属性 | 值类型 | 说明 |
-| --- | --- | --- |
-| `box-shadow` | `<offset-x> <offset-y> <blur-radius> <spread-radius> <color>` | 阴影简写（依赖宿主 RN/DRN 版本原生支持） |
-| `opacity` | `0-1` | 不透明度 |
+| 属性 | 值类型 | 说明 | 示例 |
+| --- | --- | --- | --- |
+| `box-shadow` | `<offset-x> <offset-y> <blur-radius> <spread-radius> <color>` | 阴影简写（依赖宿主 RN/DRN 版本原生支持） | `box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)` |
+| `opacity` | `0-1` | 不透明度 | `opacity: 0.5` 半透明；`opacity: 0` 完全透明 |
 
 ### 动画 (Animation)
 
 **注意**：仅 `view` 组件支持动画相关属性。
 
-| 属性 | 值类型 | 说明 |
-| --- | --- | --- |
-| `transition` | `property duration timing-function delay` | 过渡简写 |
-| `transition-property` | `string` | 过渡属性（不支持 `all`） |
-| `transition-duration` | `time` | 过渡持续时间 |
-| `transition-delay` | `time` | 过渡延迟时间 |
-| `transition-timing-function` | `linear` \| `ease` \| `ease-in` \| `ease-out` \| `ease-in-out` \| `cubic-bezier` | 过渡时间函数 |
+| 属性 | 值类型 | 说明 | 示例 |
+| --- | --- | --- | --- |
+| `transition` | `property duration timing-function delay` | 过渡简写 | `transition: opacity 0.3s ease`；`transition: width 0.5s ease-in-out 0.1s` |
+| `transition-property` | `string` | 过渡属性（不支持 `all`） | `transition-property: opacity, width` 指定多个过渡属性 |
+| `transition-duration` | `time` | 过渡持续时间 | `transition-duration: 0.3s`；`transition-duration: 300ms` |
+| `transition-delay` | `time` | 过渡延迟时间 | `transition-delay: 0.1s` 延迟 0.1 秒后开始过渡 |
+| `transition-timing-function` | `linear` \| `ease` \| `ease-in` \| `ease-out` \| `ease-in-out` \| `cubic-bezier` | 过渡时间函数 | `transition-timing-function: ease-in-out`；`transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)` |
 
 ### 其他属性
 
-| 属性 | 值类型 | 说明 |
-| --- | --- | --- |
-| `pointer-events` | `auto` \| `none` \| `box-none` \| `box-only` | 点击穿透控制 |
-| `backface-visibility` | `visible` \| `hidden` | 背面可见性 |
-| `object-fit` | `cover` \| `contain` \| `fill` \| `scale-down` | 图片填充模式 |
+| 属性 | 值类型 | 说明 | 示例 |
+| --- | --- | --- | --- |
+| `pointer-events` | `auto` \| `none` \| `box-none` \| `box-only` | 点击穿透控制 | `pointer-events: none` 穿透点击事件到下层元素；`pointer-events: box-none` 自身不响应但子元素可响应 |
+| `backface-visibility` | `visible` \| `hidden` | 背面可见性 | `backface-visibility: hidden` 翻转时隐藏背面（常配合 `transform: rotateY(180deg)` 使用） |
+| `object-fit` | `cover` \| `contain` \| `fill` \| `scale-down` | 图片填充模式 | `object-fit: cover` 裁剪填充；`object-fit: contain` 完整显示 |
 
 ### 不支持的属性
 
diff --git a/.agents/skills/mpx2rn/references/rn-template-reference.md b/.agents/skills/mpx2rn/references/rn-template-reference.md
index 35a61ac96d..252e442e1e 100644
--- a/.agents/skills/mpx2rn/references/rn-template-reference.md
+++ b/.agents/skills/mpx2rn/references/rn-template-reference.md
@@ -248,9 +248,9 @@ createComponent({
 ### 注意事项
 
 1. 除基础通用事件外，其余所有事件均不支持事件冒泡和捕获。
-2. 当使用了事件委托想获取 `e.target.dataset` 时，只有点击到文本节点才能获取到，点击其他区域无效。建议直接将事件绑定到事件触发的元素上，使用 `e.currentTarget` 来获取 `dataset` 等数据。
-3. 由于 `tap` 和 `longpress` 事件是由 `touchstart` / `touchend` 等底层触摸事件模拟实现，所以在 RN 环境，如果子组件绑定了 `catchtouchend`，那么父组件的 `tap` 事件将不会响应。
-4. 如果元素上设置了 `opacity: 0` 的样式，会导致 ios 事件无法响应。
+2. 由于 `tap` 和 `longpress` 事件是由 `touchstart` / `touchend` 等底层触摸事件模拟实现，所以在 RN 环境，如果子组件绑定了 `catchtouchend`，那么父组件的 `tap` 事件将不会响应。
+3. 如果元素上设置了 `opacity: 0` 的样式，会导致 ios 事件无法响应。
+4. 传递自定义参数给事件处理器时，优先使用**事件内联传参**语法（如 `bindtap="handleTap('param')"`），而不是通过 `data-` dataset 属性传参。
 
 ---
 
diff --git a/.agents/skills/skill2gene/SKILL.md b/.agents/skills/skill2gene/SKILL.md
new file mode 100644
index 0000000000..bc3c5e8304
--- /dev/null
+++ b/.agents/skills/skill2gene/SKILL.md
@@ -0,0 +1,74 @@
+---
+name: skill2gene
+description: 将传统文档导向的 Procedural Skill 转换为紧凑的 Strategy Gene 格式。基于论文 "From Procedural Skills to Strategy Genes" 的 Gene Evolution Protocol (GEP)，将 ~2500 token 的文档型 Skill 蒸馏为 ~200-300 token 的控制型 Gene 集合。当用户要求将 skill 转为 gene、优化 skill 的 token 效率、将经验知识蒸馏为紧凑控制指令、或提到 gene/GEP/strategy-gene 时调用。
+metadata:
+  version: "1.0.0"
+  author: auto
+  approach: gene-evolution-protocol
+  paper: "From Procedural Skills to Strategy Genes (arXiv:2604.15097)"
+---
+
+# Skill2Gene: Procedural Skill → Strategy Gene 转换器
+
+本 Skill 自身采用 Gene 理念编写——紧凑、控制导向、面向行为而非文档。
+
+## 核心理念
+
+传统 Skill 是文档导向的经验表达（~2500 tokens），优化目标是人类可读性和完整性。Strategy Gene 是控制导向的经验表达（~200-300 tokens），优化目标是推理时行为控制的信号密度和有效性。
+
+**Gene 不是 Skill 的压缩版，而是一种不同的经验抽象。**
+
+## Gene 注册表
+
+| gene_id | 触发信号 | 文件 |
+|---------|---------|------|
+| `gene_distill` | 蒸馏, 提取, 转换skill, 拆分gene | [genes/gene_distill.md](genes/gene_distill.md) |
+| `gene_gep_format` | GEP格式, strategy-gene标签, 字段 | [genes/gene_gep_format.md](genes/gene_gep_format.md) |
+| `gene_signal_density` | 信号密度, token预算, 精简, 去噪 | [genes/gene_signal_density.md](genes/gene_signal_density.md) |
+| `gene_failure_encoding` | 失败经验, AVOID, 警告, 踩坑 | [genes/gene_failure_encoding.md](genes/gene_failure_encoding.md) |
+| `gene_evolution` | 演化, 迭代, 积累, capsule, event | [genes/gene_evolution.md](genes/gene_evolution.md) |
+| `gene_validation` | 验证, 校验, 质量检查, 对比 | [genes/gene_validation.md](genes/gene_validation.md) |
+
+## 转换流程
+
+### 输入：一个传统 Procedural Skill
+
+读取目标 Skill 的全部文件：SKILL.md + references/ + scripts/
+
+### Step 1: 分析与拆分
+
+**始终加载：** `gene_distill` + `gene_gep_format`
+
+1. 识别 Skill 中的控制信号——哪些内容实际影响模型行为（通常集中在 workflow 部分）
+2. 按功能域将控制信号拆分为原子 Gene 单元
+3. 丢弃纯文档性内容（overview、背景解释、API 文档搬运）
+
+### Step 2: 蒸馏为 Gene
+
+**按需加载：** `gene_signal_density` + `gene_failure_encoding`
+
+对每个原子功能域：
+1. 提取 keywords（触发信号）
+2. 写 1 句 summary（行为意图）
+3. 写 3-7 条 strategy（有序决策步骤）
+4. 提取 AVOID 项（从 pitfalls/error_handling 中蒸馏为紧凑警告）
+
+### Step 3: 组装与验证
+
+**加载：** `gene_validation`
+
+1. 编写 GENES.md 注册表
+2. 编写 SKILL.md 入口（含调度规则）
+3. 对比验证：gene 是否覆盖了原 skill 的有效控制信号
+
+### Step 4: 演化准备（可选）
+
+**加载：** `gene_evolution`
+
+为后续迭代演化预留 Capsule 和 Event 接口
+
+## 详细参考
+
+| 参考文档 | 用途 |
+|---------|------|
+| [GEP 协议参考](references/gep-protocol.md) | Gene Evolution Protocol 完整定义、对象模型、演化循环 |
diff --git a/.agents/skills/skill2gene/genes/GENES.md b/.agents/skills/skill2gene/genes/GENES.md
new file mode 100644
index 0000000000..c20054ac76
--- /dev/null
+++ b/.agents/skills/skill2gene/genes/GENES.md
@@ -0,0 +1,45 @@
+# Skill2Gene Strategy Gene Registry
+
+> 本文件是 Skill→Gene 转换工具的 Gene 表达形式——基于 Gene Evolution Protocol (GEP)，将 "如何把 Skill 转换为 Gene" 这一方法论本身蒸馏为 6 个原子 Strategy Gene。
+>
+> 论文来源：*From Procedural Skills to Strategy Genes: Towards Experience-Driven Test-Time Evolution* (arXiv:2604.15097)
+
+## Gene 注册表
+
+| gene_id | 触发关键词 | 控制摘要 | 文件 |
+|---------|-----------|---------|------|
+| `gene_distill` | 蒸馏, 提取, 转换, 拆分 | 从文档型 Skill 中定位稀疏控制信号，按功能域拆为原子 Gene | [gene_distill.md](gene_distill.md) |
+| `gene_gep_format` | GEP, strategy-gene, 格式, 字段, schema | 严格遵循 GEP 协议的 Gene 对象格式 | [gene_gep_format.md](gene_gep_format.md) |
+| `gene_signal_density` | 信号密度, token, 精简, 去文档化 | 最大化每 token 的行为控制信号，剔除文档噪声 | [gene_signal_density.md](gene_signal_density.md) |
+| `gene_failure_encoding` | 失败, AVOID, 警告, 踩坑, pitfall | 失败经验蒸馏为独立紧凑警告，不与策略混排 | [gene_failure_encoding.md](gene_failure_encoding.md) |
+| `gene_evolution` | 演化, 迭代, capsule, event, 积累 | 为 Gene 预留演化接口，支持经验的增量积累 | [gene_evolution.md](gene_evolution.md) |
+| `gene_validation` | 验证, 校验, 对比, 覆盖率 | 验证蒸馏后的 Gene 集合是否覆盖原 Skill 的有效控制信号 | [gene_validation.md](gene_validation.md) |
+
+## 调度逻辑
+
+### 完整转换流程
+
+**始终激活：** `gene_distill` + `gene_gep_format`
+
+**分析阶段：** `gene_signal_density`（定位有效信号、剔除噪声）
+
+**蒸馏阶段：** `gene_failure_encoding`（处理失败经验编码）
+
+**收尾阶段：** `gene_validation`（验证覆盖率和质量）
+
+**可选：** `gene_evolution`（为后续演化预留接口）
+
+## GEP 层级说明
+
+```
+Gene（原子控制单元）→ 直接注入推理时上下文，控制行为
+  ↓ 组合
+Capsule（已验证执行路径）→ 记录成功的 gene 组合 + 转换轨迹
+  ↓ 记录
+Event（不可变演化日志）→ 记录 gene 的修正/优化/验证历史
+```
+
+## 扩展参考
+
+- [SKILL.md（入口）](../SKILL.md)
+- [GEP 协议参考](../references/gep-protocol.md)
diff --git a/.agents/skills/skill2gene/genes/gene_distill.md b/.agents/skills/skill2gene/genes/gene_distill.md
new file mode 100644
index 0000000000..ea71ec62ae
--- /dev/null
+++ b/.agents/skills/skill2gene/genes/gene_distill.md
@@ -0,0 +1,22 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_distill -->
+<!-- signals_match: 蒸馏, distill, 提取控制信号, 转换skill, 拆分gene, 功能域划分 -->
+
+<strategy-gene>
+Domain keywords: 蒸馏, distill, 提取, 拆分, 控制信号, 功能域, Skill→Gene
+Summary: 从文档导向的 Procedural Skill 中定位稀疏的有效控制信号，按功能域拆分为原子 Strategy Gene——Skill 中真正影响模型行为的内容通常只集中在 workflow 部分，其余是噪声
+Strategy:
+1. 读取整个 Skill 包（SKILL.md + references/ + scripts/），识别每一段内容属于哪类：overview / workflow / pitfalls / error_handling / api_notes / examples
+2. 仅 workflow 和 pitfalls 中包含高密度控制信号；overview 通常有害（降低整体性能），api_notes 和 examples 附加后也会稀释控制效果
+3. 按功能域（而非文档章节）将控制信号分组——每组对应一个原子 Gene，每个 Gene 应能独立提供一个维度的行为控制
+4. 判断粒度：一个 Gene 覆盖一个决策域，用 3-7 条策略步骤即可说清楚；如果需要超过 7 条，说明粒度太粗需要继续拆分
+5. 为每个 Gene 确定触发关键词（signals_match）——这些关键词决定 Gene 何时被激活
+6. AVOID: 按原 Skill 的文档章节结构拆分 Gene——文档结构为人类可读性设计，不等于控制逻辑的功能边界
+7. AVOID: 试图在一个 Gene 中覆盖多个不相关的决策域
+</strategy-gene>
+
+<references>
+- [GEP 协议参考](../references/gep-protocol.md)
+</references>
diff --git a/.agents/skills/skill2gene/genes/gene_evolution.md b/.agents/skills/skill2gene/genes/gene_evolution.md
new file mode 100644
index 0000000000..9d05f80457
--- /dev/null
+++ b/.agents/skills/skill2gene/genes/gene_evolution.md
@@ -0,0 +1,22 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_evolution -->
+<!-- signals_match: 演化, evolution, 迭代, capsule, event, 积累, 经验更新, GEP loop -->
+
+<strategy-gene>
+Domain keywords: 演化, evolution, GEP loop, capsule, event, 迭代, 经验积累, solidify
+Summary: Gene 不仅是一次性控制单元，也是经验演化的载体——通过 GEP 六步循环（Scan→Signal→Intent→Mutate→Validate→Solidify）实现持续改进
+Strategy:
+1. Gene 转换完成后，在输出目录中保留 GEP 三层结构的接口：genes/（原子控制）、capsules/（成功执行路径，待积累）、events/（演化日志，待记录）
+2. 首次转换只产出 Gene 层；Capsule 和 Event 在后续实际使用中通过 GEP 循环自然积累
+3. GEP 演化循环的触发信号：执行失败 / 测试不通过 / 用户反馈纠正——这些信号驱动 Gene 的定向修正
+4. 演化时修改 Gene 的 Strategy 或 AVOID 项，保持 Gene 的结构不变——经验积累是选择性的，不是追加式的
+5. 成功的执行路径记录为 Capsule（任务签名 + 使用的 Gene 集合 + 执行轨迹 + 验证结果），供后续同类任务参考
+6. AVOID: 将所有失败/修正历史直接追加到 Gene 文本中——这会稀释控制信号，失败经验应先蒸馏为 AVOID 警告再合并
+7. AVOID: 在一个 Gene 中组合过多经验——单一精准 Gene 的效果优于多 Gene 组合（研究显示组合 Gene 性能下降 -6.1pp）
+</strategy-gene>
+
+<references>
+- [GEP 协议参考](../references/gep-protocol.md)
+</references>
diff --git a/.agents/skills/skill2gene/genes/gene_failure_encoding.md b/.agents/skills/skill2gene/genes/gene_failure_encoding.md
new file mode 100644
index 0000000000..bc719d60b0
--- /dev/null
+++ b/.agents/skills/skill2gene/genes/gene_failure_encoding.md
@@ -0,0 +1,18 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_failure_encoding -->
+<!-- signals_match: 失败经验, AVOID, failure, 警告, 踩坑, pitfall, error pattern -->
+
+<strategy-gene>
+Domain keywords: 失败经验, AVOID, failure history, warning, pitfall, 反模式, 踩坑记录
+Summary: 失败经验蒸馏为独立的紧凑 AVOID 警告——研究表明独立的 failure warnings 是最有效的失败编码形式（+4.6pp），混合编排反而削弱策略和失败信息的各自效果
+Strategy:
+1. 从原 Skill 的 pitfalls / error_handling / 常见问题 中提取失败模式，每个失败模式压缩为一条 AVOID 指令
+2. AVOID 指令格式："AVOID: [具体错误行为]"——不需要解释为什么错，只需要明确什么不能做
+3. 将 AVOID 项嵌入对应 Gene 的 Strategy 列表末尾（按编号排列），而非单独附加为独立段落
+4. 如果失败经验与多个 Gene 相关，放在最相关的那一个 Gene 中——不要跨 Gene 重复
+5. 经验积累时优先更新已有 AVOID 项使其更精确，而非追加新条目——选择性压缩优于堆积式增长
+6. AVOID: 将失败案例的完整上下文（堆栈、日志、讨论过程）放入 Gene——Gene 只要行为指令，完整案例放 Capsule
+7. AVOID: 在 Strategy 步骤和 AVOID 之间混排——先写正向策略步骤，最后列 AVOID 项
+</strategy-gene>
diff --git a/.agents/skills/skill2gene/genes/gene_gep_format.md b/.agents/skills/skill2gene/genes/gene_gep_format.md
new file mode 100644
index 0000000000..77ed4fcb7c
--- /dev/null
+++ b/.agents/skills/skill2gene/genes/gene_gep_format.md
@@ -0,0 +1,24 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_gep_format -->
+<!-- signals_match: GEP, strategy-gene, 格式, schema, 字段, 模板, gene对象 -->
+
+<strategy-gene>
+Domain keywords: GEP, Gene Evolution Protocol, strategy-gene, format, schema, fields, template
+Summary: Gene 必须遵循 GEP 协议的规范格式——HTML 注释头部 + strategy-gene 标签体 + references 尾部，每个字段有明确的控制语义
+Strategy:
+1. 文件头部用 HTML 注释声明 GEP 元数据：type, schema_version, id, signals_match
+2. 主体用 `<strategy-gene>` 标签包裹，内含五个有序字段：Domain keywords / Summary / Strategy / (AVOID 项内嵌于 Strategy 末尾) / Constraints（可选）
+3. Domain keywords：与 signals_match 对应的领域触发词，用逗号分隔
+4. Summary：一句话说明行为意图（不是功能描述），回答"这个 Gene 控制模型做什么"
+5. Strategy：3-7 条有序策略步骤，每条是一个可执行的决策指令而非解释性文本；AVOID 项以编号嵌入策略列表末尾
+6. 文件尾部用 `<references>` 标签列出详细参考文档链接，仅在 Gene 策略不足以解决问题时查阅
+7. 整个 Gene 控制在 200-300 tokens——这是经验证的最优控制预算，超出反而降低效果
+8. AVOID: 在 Gene 中写解释性段落、背景介绍、或示例代码块——这些属于 reference 层
+9. AVOID: 将 AVOID 项单独成节——它们是策略的一部分，用编号嵌入 Strategy 列表
+</strategy-gene>
+
+<references>
+- [GEP 协议参考](../references/gep-protocol.md)
+</references>
diff --git a/.agents/skills/skill2gene/genes/gene_signal_density.md b/.agents/skills/skill2gene/genes/gene_signal_density.md
new file mode 100644
index 0000000000..ad98e7c6cc
--- /dev/null
+++ b/.agents/skills/skill2gene/genes/gene_signal_density.md
@@ -0,0 +1,18 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_signal_density -->
+<!-- signals_match: 信号密度, signal density, token预算, 精简, 去噪, 去文档化 -->
+
+<strategy-gene>
+Domain keywords: 信号密度, signal density, token budget, 精简, 去文档化, 控制效率
+Summary: 最大化每 token 的行为控制信号——Gene 的优势不在于短，而在于将经验组织为显式的控制接口，让每个 token 都直接影响模型决策
+Strategy:
+1. 用祈使句写策略步骤（"检测 X 后执行 Y"），不用解释句（"X 是一个常见问题，通常需要 Y"）
+2. 每条策略只编码一个决策点——如果一条策略包含 "并且/同时" 连接的两个独立操作，拆成两条
+3. 移除所有可以通过读代码/读文档推断的信息——Gene 只编码模型容易犯错的隐式知识和非显然的约束
+4. keywords 选择对行为有区分度的术语，不选通用词（"代码" "开发" 无区分度；"flex 布局" "rpx 转换" 有区分度）
+5. summary 用行为意图而非功能描述——回答 "控制模型如何行动" 而非 "这个领域是什么"
+6. AVOID: 在 Gene 中重复 API 文档内容——API 细节放 references，Gene 只编码 "何时查、怎么用" 的策略
+7. AVOID: 为追求简短而丢失关键决策约束——200 tokens 的优势来自结构化，不来自删减
+</strategy-gene>
diff --git a/.agents/skills/skill2gene/genes/gene_validation.md b/.agents/skills/skill2gene/genes/gene_validation.md
new file mode 100644
index 0000000000..ff2c0fb622
--- /dev/null
+++ b/.agents/skills/skill2gene/genes/gene_validation.md
@@ -0,0 +1,18 @@
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_validation -->
+<!-- signals_match: 验证, validation, 校验, 对比, 覆盖率, 质量检查, gene质量 -->
+
+<strategy-gene>
+Domain keywords: 验证, validation, 校验, 覆盖率, 质量检查, 对比原skill, token计数
+Summary: 转换完成后验证 Gene 集合的质量——检查控制信号覆盖率、token 预算合规、结构规范性，确保蒸馏没有丢失关键决策约束
+Strategy:
+1. 控制信号覆盖率：逐一对照原 Skill workflow 中的每个操作步骤，确认有对应 Gene 的 Strategy 条目覆盖
+2. Token 预算检查：每个 Gene 文件 200-300 tokens；超出需要拆分或精简，不足可能遗漏了关键约束
+3. 结构规范性：每个 Gene 必须包含完整的 GEP 元数据头（type/schema_version/id/signals_match）和 strategy-gene 标签体
+4. 独立性检查：每个 Gene 能独立提供一个维度的行为控制，不依赖其他 Gene 的上下文才能理解
+5. 调度规则检查：SKILL.md 中的调度逻辑能覆盖所有典型使用场景，Gene 之间的激活条件不冲突
+6. 对比测试（可选）：同一任务分别用原 Skill 和新 Gene 集合执行，对比结果质量和 token 消耗
+7. AVOID: 只检查格式不检查语义——关键是 Gene 的策略步骤能否实际控制模型行为，而非格式是否漂亮
+</strategy-gene>
diff --git a/.agents/skills/skill2gene/references/gep-protocol.md b/.agents/skills/skill2gene/references/gep-protocol.md
new file mode 100644
index 0000000000..81afcf3401
--- /dev/null
+++ b/.agents/skills/skill2gene/references/gep-protocol.md
@@ -0,0 +1,169 @@
+# Gene Evolution Protocol (GEP) 协议参考
+
+> 来源：*From Procedural Skills to Strategy Genes* (arXiv:2604.15097)
+> 本文件是详细参考，仅当 Gene 中的策略指令不足以解决问题时查阅。
+
+## 1. 核心概念
+
+### Procedural Skill vs Strategy Gene
+
+| 维度 | Procedural Skill | Strategy Gene |
+|------|-----------------|---------------|
+| 设计目标 | 人类可读、完整记录 | 模型可控、信号密集 |
+| 典型 token | ~2500 | ~200-300 |
+| 组织逻辑 | 文档逻辑（章节、示例、API 参考） | 控制逻辑（触发、策略、约束） |
+| 优化方向 | 可读性、可教学性 | 行为控制有效性 |
+| 实验效果 | Avg. 49.9%（-1.1pp vs 无指导） | Avg. 54.0%（+3.0pp vs 无指导） |
+
+**关键发现：** Gene 不是 Skill 的压缩版。将 Skill 按等 token 截断后效果有提升但仍不如 Gene；将文档内容追加回 Gene 反而降低效果。差异来自表征方式而非信息量。
+
+## 2. GEP 对象层级
+
+```
+O = G ∪ C ∪ E
+```
+
+### Gene（原子控制单元）
+
+最小可复用经验表征，直接注入推理上下文作为行为控制信号。
+
+```
+g = (m, u, π, α, c, v, η)
+```
+
+| 符号 | 字段 | 含义 |
+|------|------|------|
+| m | signals_match | 任务匹配的触发关键词 |
+| u | summary | 一句话行为意图 |
+| π | strategy | 有序策略步骤列表 |
+| α | AVOID | 失败感知的反面约束 |
+| c | constraints | 可选执行约束 |
+| v | validation | 可选验证钩子 |
+| η | metadata | type, schema_version, id, asset_id |
+
+**Gene 文件模板：**
+
+```markdown
+<!-- GEP Gene Object -->
+<!-- type: Gene -->
+<!-- schema_version: 1.0.0 -->
+<!-- id: gene_xxx -->
+<!-- signals_match: keyword1, keyword2, keyword3 -->
+
+<strategy-gene>
+Domain keywords: keyword1, keyword2, keyword3
+Summary: 一句话说明行为意图
+Strategy:
+1. 策略步骤一
+2. 策略步骤二
+3. 策略步骤三
+4. AVOID: 具体错误行为一
+5. AVOID: 具体错误行为二
+</strategy-gene>
+
+<references>
+- [参考文档](path/to/reference.md)
+</references>
+```
+
+### Capsule（已验证执行路径）
+
+记录一次成功的任务执行路径，是 Gene 在具体场景中的实例化验证。
+
+```
+κ = (q, G_κ, T_κ, o_κ, V_κ, ℓ_κ)
+```
+
+| 字段 | 含义 |
+|------|------|
+| q | 任务签名 / 问题上下文 |
+| G_κ | 本次使用的 Gene 集合 |
+| T_κ | 执行轨迹 / 操作路径 |
+| o_κ | 观察到的结果 |
+| V_κ | 验证记录 / 审计轨迹 |
+| ℓ_κ | 谱系指针（关联的 Event 或父 Capsule） |
+
+### Event（不可变演化日志）
+
+记录 Gene 的每一次变更，保持可审计和可追溯。
+
+```
+e = (t, ρ, a_src, a_dst, σ, ι, Δ, ν, τ)
+```
+
+| 字段 | 含义 |
+|------|------|
+| t | 事件类型（repair / innovation / validation_pass / validation_fail / solidify） |
+| ρ | 运行/episode 标识 |
+| a_src, a_dst | 源资产、目标资产 |
+| σ | 触发信号 |
+| ι | 变更意图 |
+| Δ | 变更 diff |
+| ν | 验证结果 |
+| τ | 时间戳 |
+
+## 3. GEP 演化循环
+
+```
+(G, C, E) → SCAN → SIGNAL → INTENT → MUTATE → VALIDATE → SOLIDIFY → (G', C', E')
+```
+
+| 阶段 | 操作 |
+|------|------|
+| **Scan** | 监控运行时轨迹、日志、执行失败或停滞信号 |
+| **Signal** | 将原始痕迹转为标准化的协议信号（触发修复或优化） |
+| **Intent** | 确定演化目标：repair / optimization / extension |
+| **Mutate** | 生成候选资产——修改 Gene 的策略步骤、AVOID 项或关联元数据 |
+| **Validate** | 在沙箱中执行候选资产，检查是否通过验证标准 |
+| **Solidify** | 将验证通过的变更写回 Gene 仓库，更新 Capsule 和 Event 记录 |
+
+## 4. 关键实验结论
+
+### Gene 构建的渐进分析
+
+| 条件 | Avg. | Δ |
+|------|------|---|
+| 无指导 | 51.0% | 0.0 |
+| Gene (keywords only) | 53.5% | +2.5 |
+| Gene (keywords + summary) | 51.0% | +0.0 |
+| Gene (keywords + summary + strategy) | 54.0% | +3.0 |
+
+**结论：** Gene 效果不是来自更短的 token，而是来自策略层的显式控制接口。keywords-only 已有效果，但完整 Gene 最强。
+
+### 结构 vs 内容的鲁棒性
+
+- 语义腐败（错误算法/错误领域）严重降低效果（→48.8% / 49.4%）
+- 结构扰动（逆序/过约束）影响很小（→52.8% / 55.9%）
+- **结论：** Gene 对结构鲁棒，对内容敏感——重要的是编码正确的经验，而非固定的格式
+
+### 失败经验编码
+
+| 条件 | Avg. | Δ |
+|------|------|---|
+| Strategy only | 52.3% | +2.5 |
+| Failure warnings only | 54.4% | +4.6 |
+| Failure first | 50.5% | +0.7 |
+| Strategy first | 51.8% | +2.0 |
+
+**结论：** 独立的 failure warnings 效果最好；混合编排反而削弱。经验积累应选择性压缩，不应堆积增长。
+
+### Gene 组合
+
+| 条件 | Avg. | Δ |
+|------|------|---|
+| Single Gene | 54.0% | +3.0 |
+| Two conflicting | 53.2% | +2.2 |
+| Three complementary | 50.4% | -0.6 |
+| Two complementary | 44.9% | -6.1 |
+
+**结论：** 单一精准 Gene 效果最优。组合多个 Gene 通常削弱控制——即使名义上互补的 Gene 也可能竞争注意力、模糊控制焦点。
+
+## 5. 协议不变式
+
+Gene 要成为有意义的协议对象，必须满足：
+
+1. **稳定边界：** 显式字段、规范序列化，可作为对象识别
+2. **控制导向结构：** 编码紧凑的控制相关内容（keywords, summary, strategy, AVOID），而非文档解释
+3. **可操作性：** 支持匹配、替换、修订、组合
+4. **可验证性：** 暴露可执行的验证接口
+5. **可溯源：** Capsule 和 Event 保留充分的来源信息，支持重建演化历史
diff --git a/AGENTS.md b/AGENTS.md
index 4e7388fa44..7e9a092643 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -20,7 +20,6 @@
 - 代码风格尽可能模仿当前仓库中现有的写法，例如：
   - 遍历数组用.forEach而不是for()
 
-
 ## 强制约束
 
 ### 编码约束