提示词工程入门：提示词技术基础

缘起：

什么是提示词？不就是和ai说话么？

为什么这个工具会叫做人工智能？因为他一直想要模仿的是人，想要替代人来做一些事情，所谓提示词，就是交待这个人干活的一些话，所以，一个好的提示词，就是你在给一个下属部署工作。

但是有没有发现，交代一个下属干活，实际上简单的多，一句话，甚至合作久了，一个眼神都能把活布置了，而交代AI干活，却如此复杂？

因为AI是全世界就一个人，而你的下属，只是一个细分行业的下属，甚至还不是一个人，例如一个软件公司的团队，你的下属可能会有销售经理、系统分析师、前端设计师、后端设计师、测试员…… 而你分配活的时候，不会给美工分配销售的活，不会给测试员设计的活，而AI没用，你得从他这个世界唯一的结合体里面，分离出你要的那个人去干活……

人是有记忆的，一个跟了你的很久的属下，知道你的喜好，但是AI没有，有没有办法让AI貌似有记忆？有的，一个很傻很笨的办法：每次和AI说话，都把前面说过的再说一遍……

有了这些感性的认识，就算没有关于提示词的理论知识，也能写出很好的提示词了，本着学而不思则罔的理念，还是应该总结学习一些理论的。

刚好，赶上 amd 开发者计划

https://developer.amd.com.cn/academy

里面有一个提示词的课程，很多，但是内容足够

定义

提示词工程是一门与 AI 进行有效沟通以引导其产出预期结果的艺术

提示词三要素：

1. 定义：提示词是提供给模型的初始文本输入，用于引导其生成回应。
2. 目的：它们作为指令，供 AI 执行特定任务。
3. 目标：提示词工程旨在优化这些输入，以提高准确性和相关性

还有常见的可选要素包括：

1. 角色或人设：可以要求模型扮演特定的某个人或角色。
2. 上下文：提供背景信息有助于模型理解约束条件或前提假设。
3. 约束条件：这些条件用于刻意限制模型的输出。
4. 语气和风格：可以指定输出应该是正式的、随意的、有说服力的、学术性的还是指导性的。
5. 输出结构和格式：可以要求输出表格、项目符号、JSON、分步说明或幻灯片。
6. 示例和数据：提供示例可以显著提高准确性和一致性。

现在开始理论结合实际：

找到我那个有点自负的号称web全栈的下属：

“写一个简单的web登录页面”

但是这小子要的工资太高了，让ai试试能不能替代他，该怎么和ai交代？

尝试完成一个给ai交代活的提示词：

完整提示词样例

你是一位资深前端开发工程师，拥有5年以上React项目经验，专注于构建用户友好、响应式且符合现代设计规范的Web应用。

请基于以下要求，使用 React + TypeScript + Tailwind CSS 技术栈，开发一个简洁、现代的登录页面：

• 页面包含 邮箱与密码 两种登录方式的 Tab 切换功能；

• 表单需实现实时验证：邮箱格式必须合法，密码长度不少于8位；

• 提供“记住我”复选框与“忘记密码？”链接；

• 登录按钮点击后显示加载动画，错误输入时弹出具体错误提示（如“邮箱格式不正确”）；

• 整体设计风格为简约现代，主色调为深蓝（#1E3A8A）与白色，配色柔和，适配移动端与桌面端；

• 输出必须为可直接运行的 .tsx 文件代码，包含完整的组件结构、样式定义与基础状态管理逻辑；

• 代码需遵循ESLint规范，注释清晰，关键逻辑用英文注释说明；

请以标准Markdown代码块格式输出完整代码，并在代码块前添加说明文字：“以下是符合要求的React登录页面实现代码”。

---

解释

1. 角色设定

你是一位资深前端开发工程师……

解释与功用：
明确AI的角色身份，使其以该角色的思维方式和专业能力进行输出。设定“资深前端工程师”意味着AI应输出符合工程实践、具备可维护性的代码，而非简单示例。

✅ 作用：提升输出的专业性与可信度，避免AI“过度简化”或“随意发挥”。

---

2. 上下文背景

基于React + TypeScript + Tailwind CSS技术栈……

解释与功用：
提供项目背景和技术栈信息，帮助AI理解应用场景和实现约束。若未说明技术栈，AI可能使用Vue、jQuery甚至HTML原生写法，导致结果无法集成。

✅ 作用：确保输出与实际开发环境一致，增强可复用性。

---

3. 约束条件

邮箱格式合法，密码不少于8位、加载动画、错误提示、移动端适配等。

解释与功用：
明确功能边界与行为规范，防止AI遗漏关键交互逻辑。例如“实时验证”“错误提示”等要求，是用户体验的核心组成部分。

✅ 作用：避免生成“只有表单”的静态页面，确保功能完整、交互真实。

---

4. 语气与风格

简洁、现代、深蓝与白色配色、适配移动端

解释与功用：
定义视觉与交互风格，使AI输出符合审美预期。若不指定风格，AI可能生成风格杂乱、色彩冲突的设计。

✅ 作用：统一视觉语言，提升设计一致性与专业感。

---

5. 输出结构与格式

输出为可运行的 .tsx 文件、使用Markdown代码块、添加说明文字

解释与功用：
明确输出形式，便于后续集成与使用。要求“可运行”意味着代码需具备完整结构；“Markdown代码块”方便复制粘贴；“添加说明”提升可读性。

✅ 作用：提高输出的可用性与交付效率，减少人工调整成本。

小结

我还是更喜欢自然的感性的认识：

换位思考，当你是那个AI，有个人第一次见面交代你一件事，听着他说的话，你有没有觉得他交代的事情有模糊不清的地方? 如果没有，那就是一个好的提示词。

欢迎关注：

提示词工程入门：提示词技术基础