献给掘金 FE / Node 工程师的硬核成长指南。用 4 个 AI 提示词抓取 Chrome 性能报告、掘金沸点点赞、GitHub 绿幕，自动生成「技能缺口→热门方向→培训 Sprint→职级矩阵」并推送 3D 可视化看板。点击文末掘金专属链接，10 分钟搭好晋升驾驶舱，让成长像 FPS 一样实时帧率可见。
一. 前端晋升的“黑盒”怪象
能写出 60fps 动画，却说不清“升到高级前端还差多少毫秒”。leader 口头标准年年变，年终自评只能拍脑袋。下面这套「AI 四连招」把晋升指标全部量化进 Chrome Performance、掘金沸点数据，最终渲染成 3D 可视化看板，成长曲线一帧不落。
1. 第一招：AI 扫 gap——把 Performance 面板变成雷达图
a. 数据抓取一行命令
npx lighthouse https://your-project.vercel.app \
--output=json --chrome-flags='--headless' > perf.json
lighthouse-viewer -p perf.json
把 JSON + 近 30 天掘金沸点点赞/收藏统计一起扔进「识别员工技能差距」提示词，即刻返回 FE 专属维度：FCP、TBT、CLS、React Server Component、Vite 插件开发等。
👉 立即体验：识别员工技能差距
b. 自动生成 ECharts 雷达配置
提示词直接输出 option={...} 代码，复制进 radar.html 即可得到交互式雷达图，缺口面积一目了然。
2. 第二招：AI 预测——2025 前端“加薪技能树”
向「AI 超级提示词：识别热门职业技能」输入「前端 2025」，它会返回「Rust 写 WebAssembly、Chrome Extension Manifest V3、AI 驱动低代码」三项高溢价技能，并附掘金高赞专栏与实战仓库。
👉 立即体验：AI 超级提示词：识别热门职业技能
a. 技能树可视化
提示词额外生成一段 Mermaid 代码，可直接嵌入掘金文章或 Notion，点赞破百自动变色，成就感爆棚。
3. 第三招：AI 培训——把缺口拆成 1 周 Sprint
将雷达缺口 JSON 喂给「创建员工培训计划」，得到前端专属任务：
- Task1：把项目 TBT 降到 200ms 以内（4h）
- Task2：写一篇 Vite RSC 笔记投掘金（3h）
- Task3：给 Chrome 插件添加 AI 摘要功能（6h）
👉 立即体验：创建员工培训计划
b. 自动推送 Feishu / 飞书
提示词输出 Markdown 表格，配合飞书机器人，每天 10 点推送一条子任务，完成 ✅ 后自动回写看板，进度实时刷新。
4. 第四招：AI 画晋升——3D 看板一眼看出“差多少星”
使用「职业发展路径探索」输入「前端工程师 → 前端架构师」，提示词返回带权重的职级标尺：
- 性能优化深度（FCP ≤1s 占比）
- 组件库下载量 ≥ 5k/月
- 掘金专栏点赞 ≥ 2k
👉 立即体验：职业发展路径探索
a. 3D 柱状图实时渲染
提示词输出 ECharts-GL 配置，复制进 3d-promotion.html 即可得到可旋转 3D 看板，X=技能维度，Y=权重得分，Z=时间轴，鼠标悬停显示具体差距值。
b. 晋升 PR 模板
看板截图 + 数据 JSON 直接作为 MR 描述，leader 一键通过，晋升记录可回溯。
二. 小结：让成长像 FPS 一样有帧率
三条 CLI：
npm run gap:radar生成最新雷达图npm run training:md输出今日任务npm run promote:3d渲染实时看板
更多详情可查看官网文章AI人才梯队全流程：测技能-定向培训-晋升路径 - 幂简集成
