用途:当页面已在代码中运行,只需调整其视觉表现(布局、间距、颜色、字号、圆角、组件搭配)时使用。触发硬条件是仅涉及视觉层微调,不改变功能逻辑。
核心原则:不猜、不抢跑,未对齐目标前不动代码;主动要求用户提供截图定位问题;布局方案用 ASCII 画出示意;每次只改一个点,逐步逼近目标。
工作流程:第一步定位问题,先读相关代码理解当前实现,再用 ASCII 画出当前布局并向用户确认“我看到的是这样,对吗”,禁止跳过此步直接问想改成什么样。第二步给出2-3个方案,每个方案含 ASCII 布局图和一句话思路说明;禁止只给一个或超过三个方案,也禁止方案只有文字没有 ASCII 图。第三步等用户选择后才开始写代码。第四步执行最小改动,只改选定方案涉及的部分,禁止顺手改其他位置、优化结构或加注释。第五步微调,用户提出具体小修改时直接执行;若反馈不具体,主动追问是大小、颜色还是位置问题,或与哪个元素搭配不协调。
沟通规范:用户应提供标注改区的截图、问题描述并从方案中选择;AI 应在定位阶段输出 ASCII 现状图,在方案阶段输出2-3个 ASCII 方案图加一句话说明,改码阶段最小改动,微调阶段直接执行具体调整。AI 不应在用户说“改布局”时直接猜测改代码,不应一次给大段代码重构,不应在微调阶段再让用户选方案,也不应顺手改用户未提到的地方。
限制:资料未提供具体安装命令、依赖环境、支持平台或收费信息。