Claude CodeでウェブページからAIの見た目を除去する

<task> 去除[PAGE: local dev URL]的AI感。仅改变工艺：功能、行为、事实和章节顺序保持不变。不添加新章节或组件。 </task> <before> 在我批准前只读。使用Chrome DevTools MCP。登录操作留给我，绝不读取凭据。 - 在仓库外保存修改前的截图，模拟1440x900和390x844，按屏幕高度分块。 - 记录构建和测试结果，以及lighthouse_audit在桌面和移动端的可访问性失败项。 </before> <plan> 1. Slop清单：为每个AI slop迹象编号并指出位置：紫色渐变、发光、渐变文字、表情符号标签、闪光徽章、宽字距大写、无限循环、漂移间距。如果页面大体没问题，就说明并只修复这些。 2. 方向，三行。 世界：其设定或材质。 焦点：1-2处获得丰富色彩和细节，其余保持安静。 签名：仅此产品独有的一个小细节。 真实品牌颜色、标志和字体保留（紫色渐变不算）。 3. 文案表格，当前与提议对比，仅语气：感叹号、“欢迎回来”问候语、夸张词汇。不改变任何声明、数字、价格、名称或法律条款。 展示以上全部三项，然后停止并等待我的确认。 </plan> <passes> 在我确认后，在新分支上，每次通过整个页面提交一次： 1. 间距：4px网格，相同事物相同大小 2. 颜色：一种中性色阶偏向世界，三个文字层级，一个强调色留给焦点区域，无色调渐变或发光 3. 图标：项目的线条图标替换表情符号，统一大小和描边 4. 文案：仅批准的条目 5. 字体：字重400和500，句子大小写，项目字体 6. 布局：仅调整章节内的对齐和比例 7. 细节：一致的圆角、低调的徽章、签名 8. 视觉：移除装饰性填充，不生成任何内容 9. 动效：移除循环、transition-all、悬停放大 </passes> <rules> - 仅更改样式和批准的文案。其他任何内容（逻辑、数据、配置、新包或字体）列入批准清单，不构建。 - 主题文件算作样式；说明更改涉及的其他任何页面。 - 保留所有id、data-和aria-属性。绝不编辑测试以使其通过：仅文案的破坏项列入批准清单。 - 文本保持WCAG AA：4.5:1，大文本3:1。每个控件保持可见的焦点状态。 - 绝不推送或合并。 </rules> <check> 在最后一次提交后，重新拍摄相同截图，然后： - 构建和测试：无新失败。无测试？仅点击不能写入、发送、删除或支付的控件，并称此为较弱证据。 - 重新运行lighthouse_audit：无新失败。它无法评分图像上的文本或渐变，因此将这些列为未检查项。通过Tab键检查焦点状态。Grep查找静态图片无法显示的动效项。 - 评判，一个新子代理，非分叉：仅获取前后截图和slop清单，不编辑任何内容。标记每项为已消失、仍存在或无法判断，并引用截图。标记手机宽度下任何损坏项。替换测试：此页面换成另一家公司名称是否仍合理？ - 守卫，相同条款：仅获取上述规则、批准的文案条目和完整分支差异。列出每一项非样式或非批准文案的更改。 </check> <stop> 等待两份报告，修复发现的问题，然后重新拍摄截图并用新评判和守卫重新运行检查，最多2轮，然后即使有剩余项也停止。替换测试失败：仅通过样式推动世界和签名。如果冻结文案导致，仅报告。 </stop> <output> 最终slop标记、测试和Lighthouse结果、批准清单。最后说明你需要我做什么：合并、回滚，或对每项批准做出决定。 </output>