我想说一句 前言
在 AI 技术日新月异的今天，程序员的职业发展也迎来了前所未有的机遇与挑战。传统的编程模式正在被颠覆，一种以 AI 智能生产力为核心 的全新角色—— AI 应用开发工程师 正在崛起。
如果你厌倦了传统程序员的日复一日，渴望拥抱变革，那么 AI 应用开发工程师将是你职业生涯的完美转型。本文将带你了解 AI 应用开发工程师的核心技能，以及如何利用 AIGC 技术提升开发效率，打造 AI 驱动的自动化应用。
告别传统，迎接智能：AI 应用开发工程师的新使命
AI 应用开发工程师不再仅仅是代码的编写者，更是 AI 技术的应用者和创新者。他们以 智能生产力 为核心，充分利用 LLM (Large Language Model) 的强大能力，将 AI 融入到开发的每一个环节，实现效率的飞跃。
在众多 LLM 中，OpenAI 的模型和 Claude 的 Sonnet 模型 (尤其擅长代码生成) 以及 DeepSeek 等模型都备受 AI 应用开发工程师的青睐。
AI 应用开发工程师的核心技能包括：
- Prompt Engineering (提示工程): 这是一门全新的 "编程" 语言，通过精心设计的 Prompt，引导 LLM 像人一样思考，完成特定的任务。
- AIGC 应用开发: 利用 AI 生成的代码、文档、设计等资源，快速构建 AI 应用。
- AI 驱动的自动化应用开发: 开发能够利用 AI 自动完成任务的应用程序，例如自动化测试、自动化部署等。
Prompt Engineering：与 AI 沟通的艺术
Prompt Engineering 是 AI 应用开发工程师的核心技能之一。它需要你像一位优秀的指挥家，通过精心设计的 Prompt，引导 LLM 奏出美妙的乐章。
一个好的 Prompt 应该具备以下要素：
- 明确的角色设定： 给 LLM 一个身份，让它像特定领域专家一样思考。 例如："你是一位资深的 Chrome 插件开发工程师..."
- 清晰的任务目标： 明确告诉 LLM 你想要它做什么。 例如："请你编写一个 Chrome 插件，可以将当前网页的背景颜色变为绿色..."
- 细致的流程描述： 将任务分解为更小的步骤，确保 LLM 理解每一个环节。 例如："首先，你需要获取当前网页的 DOM 结构... 然后，你需要找到 body 标签... 最后，你需要修改 body 标签的 background-color 属性..."
- 严格的规则约束： 告诉 LLM 什么事情不能做，避免它产生不期望的结果。 例如："请勿使用 eval() 函数，因为它存在安全风险..."
通过精心设计 Prompt，你可以充分发挥 LLM 的潜力，让它成为你开发过程中的得力助手。
我们废话少说，以开发一个使页面变成”猛男粉“的chrome插件为例，这里我们使用了trae这个编辑器
首先我们需要简单了解一下如何写prompt（驱动大模型生成的一句话）
- Prompt Engineering（编程）
- 给一个身份，像人一样思考
- 给个具体的任务
- 细化流程，清晰准确
- 遵守规则，不要做什么
这里我们根据开发chrome插件来写一个prompt
你是一个经验丰富的chrome扩展开发者。请帮我开发一个名为Hulk的扩展应用。 ux设计图请参考UX.png。
具体交互步骤如下： Step 1：点击程序图标打开弹出窗口，在窗口中显示默认提示： “改变背景颜色”、”点击下方按钮将当前页面背景色为粉色“ 和一个 “改变背景颜色”按钮 Step 2：点击按钮，网页背景改变为粉色
注意以下两点： 请使用icons文件夹的图标作为应用程序的图标
将这段话放在我们新建的instruction.txt文件中
以下是代码参考
manifest.json
{
"manifest_version": 3,
"name": "Hulk",
"version": "1.0",
"description": "改变网页背景颜色为粉色",
"action": {
"default_popup": "popup.html",
"default_icon": {
"16": "icons/icon16.png",
"48": "icons/icon48.png",
"128": "icons/icon128.png"
}
},
"permissions": [
"activeTab",
"scripting"
]
}
popup.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hulk</title>
</head>
<body>
<p>改变背景颜色</p>
<p>点击下方按钮将当前页面背景色为粉色</p>
<button id="changeColorButton">改变背景颜色</button>
<script src="popup.js"></script>
</body>
</html>
popup.js
document.addEventListener('DOMContentLoaded', function () {
const changeColorButton = document.getElementById('changeColorButton');
changeColorButton.addEventListener('click', function () {
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
chrome.scripting.executeScript({
target: { tabId: tabs[0].id },
function: function () {
document.body.style.backgroundColor = 'pink';
}
});
});
});
});
看不懂代码怎么办
我们选中我们需要解释的代码，添加到对话，让大模型帮我解释添加注释，直接解放大脑
酱酱，我们点击应用，我们的代码就加上了注释
当然我们还需要prompt提到的插件小图标，三个是不同尺寸的
我们放置在我们的lession-si下的aigc下的hulk文件夹中，
同时我们还需要prompt提到的ux设计图请参考UX.png同样放在lession-si下的aigc下的hulk文件夹中
将代码应用到chrome插件
点击图中的小图标，选择管理扩展程序
打开开发者模式，选择加载已解压的扩展程序
选择我们放置代码的文件夹，同样放在lession-si下的aigc下的hulk
接着我们我们随便打开一个网页，比如百度
点击小图标，选择我们的插件
点击改变背景颜色
总结
当然不止猛男粉，还可以变成红色，绿色等等，我想表达的是可以帮我们满足各种要求， AI Code Copilot 是 AI 应用开发工程师的另一件利器。它可以自动补全代码、生成注释、编写测试用例等，极大地提升开发效率。 AI 技术正在深刻地改变着软件开发行业。 拥抱 AI，掌握 Prompt Engineering、AIGC 等核心技能，你才能在未来的竞争中立于不败之地。
现在就开始行动，成为一名 AI 应用开发工程师，用 AI 驱动的自动化应用，开启智能生产力的新纪元！
![[爱了]](/js/img/d1.gif)
![[尴尬]](/js/img/d16.gif)