结构化提示词
1. 定义角色与背景
- 给AI一个角色设定，能让它调用更匹配的知识库。
- 你是一位资深的前端架构师，擅长编写健壮、可维护的企业级代码。现在，请帮我...
2. 明确技术栈与约束
关键的一步，直接圈定AI的选择范围。
- 语言/框架：Python + FastAPI, React + TypeScript, 微信小程序原生...
- 关键库：用Pandas处理数据，用Tailwind写样式，用Axios请求...
- 环境：Node.js 18, 浏览器扩展Manifest V3...
- 非功能性需求：高性能、可读性强、添加详细注释、考虑边缘情况...
3. 描述逻辑，而非步骤
不要告诉AI第一步做什么，第二步做什么，而是描述输入、处理、输出的关系。描述状态和规则。
- 步骤式：先检查输入框是否为空，如果为空就弹窗提示，如果不为空就发请求，请求成功就跳转...
- 逻辑式：实现一个登录函数：
- 校验：邮箱非空且符合正则，密码长度6-20位，任一不满足则按钮禁用并显示对应错误文案。
- 提交：调用 /api/login 接口，参数为邮箱和密码。
- 处理：成功则将返回的token存入localStorage并跳转至/dashboard；失败则在上方显示‘账号或密码错误’的红色提示。4. 使用输入-输出示例
- 对于数据处理、算法、复杂组件，给出一两个示例是最高效的沟通方式。
- 我需要一个函数，将秒数转换为‘X小时Y分钟Z秒’的格式。
- 输入：3665
- 输出：1小时1分钟5秒
- 请处理边缘情况，比如输入为0或负数时。”
5. 善用迭代，而非一次成型
顶级AI编程高手从不指望一次生成完美代码。他们采用小步快跑，迭代优化的策略。
- 第一轮：搭建骨架。请用TypeScript帮我定义好这个组件的props接口，函数体先留空。
- 第二轮：填充核心。现在实现主要逻辑，注意...
- 第三轮：优化与样式。给这个按钮增加loading效果，加载时禁用。用CSS模块美化一下，让它看起来更现代。
第四轮：异常处理。增加错误边界，接口超时时间设为10秒，并给出重试选项。