一次转岗前的自我梳理
记录一次从前端开发转向产品经理、项目经理、系统运维等方向的职业思考：为什么想转、岗位区别是什么，以及过去的小团队经历能迁移出什么能力。
AI 写代码太快，文档怎么才能跟上？
AI写的代码逻辑，过了几天，发现bug，但是却一眼看不出问题，甚至已经看不懂自己写的东西了，如何优化开发流程：先对齐现状，再改代码，最后验收和记录决策。
frontend-design 怎么用：一次网页改造里的操作步骤、效果和边界
用一次真实的首页改造，讲清 frontend-design 这个 skill 能做什么、怎么用、怎么迭代，以及它到底能帮到哪一步。
这个项目是怎么封装 AI provider 的
拆一下这个项目里 provider 这一层到底是怎么写的，为什么没有走很重的抽象，以及文本和图片链路分别是怎么收口的。
MCP 怎么用：前端该装哪些、怎么接、怎么自己写，一次讲透
从前端常用 MCP 推荐、现成 server 的安装配置，到自己编写 MCP Server 的结构、调用时机和具体实例，讲清楚 MCP 到底怎么落地。
Rule 怎么用：先把 AI 写代码这件事“管起来”
从创建、拆分、编写到落地，讲清楚 Rule 该放哪里、写什么、怎么让 AI 长期稳定遵守。
Skill 怎么用：把高频需求拆成 AI 能复用的工作
从创建、编写、调用到实现，讲清楚 Skill 怎么拆、怎么写、怎么避免变成万能 Prompt。
AI Agent 在前端工程化中的三层能力演进：Rule、Skill 与 MCP
介绍 Rule、Skill、MCP 在 React 前端工程中的职责边界、适配场景、推荐组合与常见坑点。
