CopybookEnglish搜索

提示词

上线前网站检查:20 项页面

vibe coding 做的网站要上线:设计、手机、各种状态、真实流程和上线细节,查完一次修好。

6,939 X 收藏,截至 发帖日期

提示词
vibe coding 做完的网站,上线前让 Opus 5.5 派 5 个 subagent 分头把这 20 件事查一遍,再一次修好:

设计统一
- 先写一份 DESIGN.md,颜色、字号、间距、圆角都照它来
- 配色克制,字号分清主次
- 按钮、卡片、输入框,同一种组件长一个样
- 太平淡就加重点,太挤就做减法
- 深色、浅色背景上的字都看得清

手机上
- 去掉左右乱滑,内容别撑出屏幕
- 加一个手机菜单
- 按钮够大,手指点得准
- 字放大以后排版也不乱

每种状态
- 加载中、没有数据、出错,都有像样的画面
- 按钮点下去有反馈,悬停、按下、禁用各有样子
- 表单填错当场说哪里错,提交中、成功、失败都有提示
- 弹窗、下拉、切换加上过渡动画

像真用户一样走一遍
- 注册、下单这些核心流程从头点到尾
- 找出点了没反应的按钮和坏链接
- 只用键盘也能走完

上线前的细节
- 首页一句话说清你是做什么的
- 每页只留一个最想让人点的按钮
- 每页的标题、描述和网站小图标
- 删掉占位文字
需要时加在最后的那句
每一组派一个 subagent 去查,只查不改;主会话照它们的清单统一修,免得两个人改同一个文件;哪一组更复杂,就给那一组的 subagent 调高 effort。先给我问题清单,我确认后再动手,修完给我修前修后的截图。

下一步 在网站项目里把它发给 Claude Code 里的 Opus 5.5。

vibe coding 做完的网站,上线前让 Opus 5.5 派 5 个 subagent 分头把这 20 件事查一遍,再一次修好。

effort 照 Anthropic 的成本指南来:范围清楚的日常活用 medium,修这 20 件事用默认的 medium 就够,碰到难的再调高。Thariq 测过,调高 effort 换来的主要是更多验证和边界测试。

把整份清单发给 Claude Code。需要时再把那句加在最后。

收在合集里

AI 编程规则agent 每一步都可能出错:AGENTS.md、换模型、长任务、页面和上线,各有规则。打开Opus 5.5 设计品味页面一看就是 AI 做的:喜欢的网站写成 DESIGN.md,再改组件、查 CSS。打开上线前检查上线当天才发现没人查过:页面、组件状态、后端和真实用户流程。打开