高质量 Prompt 模板

在日常开发里，用固定的模板可以快速复制出稳定的结果。下面给出 3 个常用模式，直接套用即可。

任务+背景+约束+输出+验收

[任务] 帮我实现一个登录表单的前端校验逻辑
[背景] 使用 React + TypeScript，已有组件 Form 和 Input，可复用 hooks/useToast
[约束] 不要引入新依赖；失败时返回具体字段的错误信息
[输出] 完整代码块，包含类型定义；附上 2 个输入输出示例
[验收] 代码需通过 ESLint；说明哪些边界情况被覆盖

适用于绝大多数功能开发。关键是把“项目现状”和“验收标准”写清楚。

角色 + 步骤 + 检查表

你是一名代码审查助手，请按以下步骤输出：
1) 阅读 @pages/login.tsx 与 @components/Form.tsx
2) 找出可优化的可访问性问题
3) 输出修复方案的 patch（使用 Markdown 代码块），随后列出检查表
检查表：可键盘操作、字段有 label、错误信息可被屏幕阅读器读取

适合重构/Review/可访问性等需要列表化检查的任务。

Diff/Patch 指令

请生成针对 @components/Button.tsx 的 patch：
- 把 primary 按钮的背景色改为 #0f172a，hover 时加阴影
- 保持 props 不变，避免破坏现有用法
- 输出 unified diff，不要包含无关文件

在已有代码基础上做小改动时，用 patch 能减少误伤和无关变更。

练习

• 任选一个模式，在 Cursor 里对当前项目跑一遍，看看 AI 是否遵守格式。
• 调整“约束”“验收”字段，观察输出变化，积累最适合自己的模板库。