AI Pulse
📡 X 信号

Claude Code 可用5个子代理检查网站20项问题

Claude Code 技巧:在你发布一个氛围编码网站之前,让 Opus 5.5 派出 5 个子代理检查以下 20 项,然后一次性修复所有问题:

设计一致性 → 先写一份 DESIGN.md,让所有颜色、字号、间距和圆角半径都遵循这个文档 → 保持调色板克制,排版层级清晰 → 让所有同类按钮、卡片和输入框外观一致 → 太扁平?就增加对比度。太拥挤?就删减 → 在深色和浅色背景下都要保证文本可读

移动端适配 → 禁止横向滚动,没有内容会超出屏幕 → 添加移动端菜单 → 按钮做得足够大,方便点击 → 文本放大时布局依然保持完整

所有状态处理 → 给加载、空状态和错误状态都设计合适的屏幕 → 给每个按钮提供反馈,拥有专属的悬停、按下和禁用状态样式 → 在表单错误发生的位置直接显示错误,另外还要添加提交中、成功和失败消息 → 给模态框、下拉菜单和选项卡切换添加过渡动画

像真实用户那样使用 → 从头到尾点击走完核心流程,比如注册和结账 → 找出没有功能的按钮和断裂的链接 → 确保整个网站只用键盘就能操作

上线前检查 → 主页用一句话说明你的网站是做什么的 → 每个页面只保留一个你希望用户点击的主按钮 → 给每个页面添加标题、描述和 favicon → 删除所有占位文本

关于投入等级,遵循 Anthropic 昨天发布的成本指南:medium 适合范围明确的日常工作。默认的 medium 足够处理这 20 项修复;遇到更难的问题再调高投入等级。

Thariq 测试过:调高投入等级主要能带来更多验证和边缘案例测试。把这整篇内容发给 Claude Code。如果需要的话,在末尾加上这行👇

“每个检查项派一个子代理去检查,不要做任何修改。然后你根据他们的列表自己修复所有问题,这样就不会有两个代理编辑同一个文件。如果某个检查项更复杂,就调高那个子代理的投入等级。先给我展示问题列表,在我确认之前不要改动任何内容,完成之后给我看修改前后的截图。”

本文由 AI 翻译自英文原帖,技术名词保留英文。

查看 X 原帖

订阅 AI Pulse

每天 08:00 · 12:30 · 18:30 · 23:50 更新