SuperAPI AI 工具集

mobile-redesign-screen

前端与建站

查看项目

更新于 10-15 21:12

技能介绍

用途:对 React Native 的单个屏幕(或共享同一任务的 2-3 屏小流程)做审计优先的重构。范围超过此限制应改用 mobile-redesign-app。

主要能力

  • 先完整阅读方法文件:../_shared/references/redesign-protocol.md(审计、杠杆、修复循环、风险治理)、../_shared/references/review-rubric.md(问题格式)、../_shared/references/tells.md(问题词汇)。
  • 技术栈嗅探与审计:提取当前令牌或内联样式、可读性读数、在路由树中的位置、标志性交互、无障碍改进点;若可连接设备或预览,先截图 BEFORE 状态。
  • 模式选择(保留 vs 大改),含义不清时先询问一次。
  • 仅针对本屏的问题清单,按 high/medium/polish 分级。
  • 提出重构方案:说明使用哪些杠杆(字体/间距 → 颜色转令牌 → 状态 → 反馈/动效 → 重排)、每个杠杆关闭哪些问题、哪些不会改变。一条短消息,获批准或用户已说“just do it”后继续。
  • 修复循环:每个原子提交只关一个问题,每次视觉变更附 before/after 对照,受风险治理约束(变更超 20% 即停止,最多 20 处修复)。
  • 收尾:列出已关闭与剩余问题、before/after 对照;若存在 design-baseline.json 或 MOBILE-DESIGN.md,则刷新并注明差异。

硬边界

  • 永不改变:路由名、深链、在导航树中的位置、表单字段语义、已习得手势。若某问题需要改动这些,标记为 OUT-OF-SCOPE 并指向 mobile-redesign-app。
  • 积木优先:若屏幕属于原型(设置、信息流、认证、付费墙、空状态),先与 ../_shared/blocks/ 中对应积木比对,优先向积木收敛,而非另创第三种模式。
  • 禁止范围蔓延:与其他屏幕共享的组件仅当改动在其他处不可见或用户批准影响范围时才可变更;风险治理的每文件 +5% 使这类改动有意昂贵。
  • 完成后该屏仍须通过 mobile-taste 第 14 节预检;未通过预检即视为未完成。

适用场景:需要在不破坏路由、深链、导航位置与表单语义的前提下,为 React Native 单屏或小流程做有审计依据、可回滚的渐进式重构。 限制:作用范围仅限一屏或 2-3 屏流程;不处理跨屏共享组件的广泛影响;涉及路由、深链、导航位置、表单语义、手势的改动均超出范围。