从前端出发的 AI 岗位能力地图
这份文件不是继续展开前端技术,而是把你当前的前端经验作为入口,横向看清 AI 相关技术岗、产品岗、售前岗、解决方案岗和交付岗分别需要什么能力、如何进入、你已有哪些基础、还缺什么证据。
当前定位与跃迁问题
你现在的岗位是前端组长,税前 20K,但实际工作更接近普通开发,缺少持续的需求负责人、技术评审、排期、带人和事故复盘等真实管理证据。当前市场如果要到 30K 到 35K,通常不会因为前端年限增加而自动发生,而是要求你被认定为某个技术域或业务域的实际负责人。
这份地图的目标不是继续讲 React、Vue 或前端工程化,而是把 AI 相关岗位摊开,让你看清技术线、架构线、产品线和商业线分别需要什么。前端经验是入口,不是唯一终点。
AI 相关岗位全景
前端不是所有岗位的直接前提,但它是进入 AI 应用产品的重要入口。你能读懂产品界面、理解用户操作、表达交互状态,这对技术岗和商业岗都有效。你需要补的是岗位所在的问题域,而不是把前端知识再重复学一遍。
岗位能力对比表
| 岗位 | 主要目标 | 技术深度 | 业务与表达 | 进入难度 | 薪资参考 |
|---|---|---|---|---|---|
| AI 应用前端负责人 | 把模型输出变成可控的产品体验 | 高,前端为主 | 中 | 中 | 30K 到 45K |
| AI 应用工程师 / 全栈工程师 | 完成 Agent 前后端闭环 | 中高,前后端加 LLM | 中 | 中高 | 30K 到 50K |
| Agent 平台 / 基础设施工程师 | 设计 Agent 运行时和扩展体系 | 高,后端和框架为主 | 低中 | 高 | 35K 到 55K |
| AI 解决方案架构师 | 把产品能力组合成客户方案 | 中高,宽度优先 | 高 | 高 | 30K 到 55K |
| AI 产品经理 | 定义 AI 产品价值和成功标准 | 中,理解边界 | 高 | 中高 | 25K 到 45K |
| 售前 / 解决方案工程师 | 把方案讲给客户并验证价值 | 中,方案表达优先 | 高 | 中高 | 20K 到 35K,另有提成 |
| AI 交付 / 客户成功 | 让客户真正用起来并持续有效 | 低中,集成和问题定位 | 高 | 中 | 20K 到 35K |
薪资只是方向性参考,实际结果取决于城市、公司类型、项目复杂度和你的可证明成果。
各岗位能力拆解
AI 应用前端负责人
- 岗位在做什么:负责流式对话、工具调用状态、权限审批、断线重连、会话恢复、RAG 引用和 MCP 工具界面。
- 你已有的前端优势:React、TypeScript、组件设计、交互状态和前端工程化。
- 必须补的核心能力:SSE、token 流、Function Calling、
useSyncExternalStore、工具 UI、安全审批和性能优化。 - 从当前岗位切入的最小路径:先学前端 Agent 基础版和进阶版,再做一个教育或企业服务 Agent 前端项目。
- 需要拿出的项目或面试证据:一个完整 AI Agent 产品、架构图、关键指标和可演示 Demo。
- 对应材料:
agent-frontend-interview/README.md、agent-frontend-interview/advanced/README.md。
AI 应用工程师 / 全栈工程师
- 岗位在做什么:把提示词、工具调用、RAG、MCP、会话日志和前端界面串成一条可运行链路。
- 你已有的前端优势:TypeScript、接口设计、调试、产品理解和流式 UI 经验。
- 必须补的核心能力:Node.js、API 设计、数据库、鉴权、向量检索、工具注册和 LLM Provider 封装。
- 从当前岗位切入的最小路径:用 TypeScript 实现一个最小 Agent 后端,包含
SessionLog、ToolRegistry、LlmPort和AgentLoop。 - 需要拿出的项目或面试证据:一个前后端完整仓库、测试、错误处理和指标说明。
- 对应材料:前端基础版第 14 章、进阶版第 2 到 5 章。
Agent 平台 / 基础设施工程师
- 岗位在做什么:设计插件机制、工具注册、沙箱、会话持久化、生命周期、安全策略和可观测性。
- 你已有的前端优势:模块化、事件模型和复杂 UI 状态管理,可以类比理解插件和扩展机制。
- 必须补的核心能力:后端并发、进程管理、权限边界、持久化、性能瓶颈和运行时设计。
- 从当前岗位切入的最小路径:从 DeepSeek Harness 的插件和 Session Log 开始,自己实现一个最小 Harness。
- 需要拿出的项目或面试证据:一个带工具、测试、安全边界和事件日志的最小 Agent 运行时。
- 对应材料:进阶版第 1 到 5 章、第 10 到 11 章,以及仓库
docs/architecture.md。
AI 解决方案架构师
- 岗位在做什么:根据客户问题组合模型、工具、RAG、MCP、部署和人工兜底,形成可落地方案。
- 你已有的前端优势:能理解产品界面、用户体验、接口边界和客户如何实际使用系统。
- 必须补的核心能力:系统架构、集成、部署、安全合规、成本、PoC 和交付边界。
- 从当前岗位切入的最小路径:先学进阶版的生产化链路,再用企业服务案例完成一页纸方案和架构图。
- 需要拿出的项目或面试证据:两套垂直案例的方案、ROI、风险和 PoC 计划。
- 对应材料:进阶版第 2、5、10、11 章,
ai-pm-presales/chapters/09-solution-architecture.md。
AI 产品经理
- 岗位在做什么:定义用户问题、场景、需求范围、评估集、成功指标、风险和人工兜底。
- 你已有的前端优势:能理解交互细节、技术限制和实现成本,适合做技术型产品经理。
- 必须补的核心能力:用户旅程、PRD、优先级、指标、成本、竞品、失败场景和验收标准。
- 从当前岗位切入的最小路径:用教育案例完成产品机会说明和 PRD 骨架,而不是只写功能清单。
- 需要拿出的项目或面试证据:一份可答辩的 PRD,包含用户、问题、指标、风险和上线标准。
- 对应材料:
ai-pm-presales/README.md、ai-pm-presales/curriculum.md。
售前 / 解决方案工程师
- 岗位在做什么:把产品能力翻译成客户价值,完成方案讲解、Demo、PoC、异议处理和交付边界说明。
- 你已有的前端优势:能快速做 Demo、理解交互、把复杂技术讲成具体产品画面。
- 必须补的核心能力:客户沟通、价值主张、方案表达、竞品分析、定价逻辑和销售阶段。
- 从当前岗位切入的最小路径:用企业服务案例做 5 分钟 Demo、解决方案一页纸和 PoC 计划。
- 需要拿出的项目或面试证据:两套客户场景脚本,以及一套能解释 ROI 和风险的方案材料。
- 对应材料:
ai-pm-presales/chapters/README.md,重点看第 9 到 13 章。
AI 交付 / 客户成功
- 岗位在做什么:负责客户上线、系统集成、数据准备、培训、问题处理、指标复盘和续约支持。
- 你已有的前端优势:调试问题、理解用户操作、配置产品界面和解释产品行为。
- 必须补的核心能力:客户工作流、集成方案、数据口径、验收标准、支持流程和客户沟通。
- 从当前岗位切入的最小路径:把教育或企业服务项目补成可交付版本,并写上线和人工接管方案。
- 需要拿出的项目或面试证据:一份实施计划、客户培训脚本、常见问题处理和上线验收清单。
- 对应材料:
ai-pm-presales/chapters/README.md第 10 到 15 章。
三条推荐跃迁路径
短期薪资最快
优先选择 AI 应用前端负责人或 AI 应用工程师。这条路保留你的前端优势,同时补 Agent、流式 UI、工具调用和一个完整项目。它最接近你现在能拿到的 30K 到 35K 岗位。
中期更宽
在完成一个完整项目后,转向 AI 解决方案架构师或 Agent 平台工程师。前者扩大业务和方案能力,后者扩大后端和系统能力。两条路都能让你从“做产品的一部分”变成“负责一条完整链路”。
长期商业转型
把 AI 产品经理或售前/解决方案作为第二曲线。不要一开始就完全脱离技术转售前,否则会失去你现在最有区分度的工程经验。更稳的路线是先用 AI 技术岗拿到更高收入,再逐步积累产品方案和客户表达。
不建议同时追所有岗位。三个月内应选定一个主路径,另外保留一个备用方向即可。
3 到 5 个月能力节奏
| 月份 | 主线 | 关键任务 | 交付物 |
|---|---|---|---|
| 第 1 个月 | 建立 AI 基础并选择方向 | 学习 LLM、Agent、工具调用、RAG、MCP | 一份岗位方向选择和能力差距表 |
| 第 2 个月 | 建立生产化系统理解 | 学习会话日志、工具系统、流式运行和权限 | 一个端到端 AI Agent 项目骨架 |
| 第 3 个月 | 按岗位补差异能力 | 技术线补后端,商业线补产品方案 | 教育或企业服务案例的首版产出 |
| 第 4 个月 | 补充指标、成本和表达 | 完成架构、ROI、Demo、失败场景和监控 | 可演示项目加关键指标说明 |
| 第 5 个月 | 整理作品和面试表达 | 更新简历、作品集、项目叙事和模拟面试 | 技术岗和商业岗各一套问答材料 |
现有学习材料映射
- 前端 Agent 基础版:
agent-frontend-interview/README.md - 前端 Agent 进阶版:
agent-frontend-interview/advanced/README.md - AI 产品经理与售前转型大纲:
ai-pm-presales/README.md - 15 章详细目录:
ai-pm-presales/curriculum.md - 15 章完整正文:
ai-pm-presales/chapters/README.md
目前前端岗、产品岗和售前岗已有较完整材料。AI 应用后端、Agent 平台工程和解决方案架构目前主要靠进阶电子书中的生产化章节覆盖,没有独立岗位章节。这份地图先负责建立岗位全景,后续如果确定方向,再为对应岗位补专门材料。
边界与反模式
- 不把“前端升级”当成唯一目标。
- 不盲目转算法,也不追求把每个 AI 工具都学一遍。
- 不用“我会调用 LLM API”证明岗位能力。
- 不要用“看过很多文档”代替可演示项目和可量化结果。
- 核心判断标准是:能否独立解释系统、证明价值、交付结果。
一句话总结
前端是你现在的入口,真正的跃迁是选择一个 AI 岗位方向,把前端能力、系统理解、业务表达和一个完整项目组合成可证明的岗位能力。