在Claude Code中去除网页的AI痕迹
来自 Wikiprompt,自由的提示词百科全书
在Claude Code中去除网页的AI痕迹 一个全面的Claude Code工作流程,用于从现有网页中移除AI-slop样式,包含前后截图、编号的slop列表、九次样式调整、WCAG AA检查,以及法官/守卫子代理审查。改编自Damir Sokolovsky的unslop技能。
提示词内容收藏
🌐
<task>
去除[PAGE: 本地开发URL]的AI痕迹。仅调整工艺:功能、行为、事实和章节顺序保持不变。不新增章节或组件。
</task>
<before>
在我批准前为只读。使用Chrome DevTools MCP。任何登录操作留给我,且绝不读取凭据。
- 在仓库外保存修改前的截图,模拟1440x900和390x844尺寸,按屏幕高度分段保存。
- 记录构建和测试结果,以及lighthouse_audit在桌面和移动端的可访问性失败项。
</before>
<plan>
1. AI痕迹清单:对每个AI痕迹迹象进行编号并注明出现位置:紫色渐变、发光效果、渐变文字、表情符号标签、闪光徽章、宽字距大写、无限循环、漂移间距。如果页面大体良好,请说明并仅修复这些问题。
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检查静态截图无法显示的动效项。
- 评审,由新的子代理执行,而非分支:仅获取前后截图和AI痕迹清单,不进行任何编辑。标记每项为已移除、仍存在或无法判断,并引用截图。标记任何在手机宽度下损坏的问题。替换测试:此页面换上另一家公司名称后是否仍合理?
- 守卫,相同条件:仅获取上述规则、已批准的文案行和完整分支差异。列出所有非样式或已批准文案的变更。
</check>
<stop>
等待两份报告,修复其发现的问题,然后重新拍摄截图并使用新的评审和守卫重新运行检查,最多2轮,之后即使仍有问题也停止。替换测试失败:仅通过样式强化“世界”和“标志性细节”。若因固定文案导致,仅报告即可。
</stop>
<output>
最终的AI痕迹标记、测试和Lighthouse结果、审批清单。最后说明你需要我做什么:合并、回滚,或对每项审批做出决定。
</output>
用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。
讨论
0 条评论