MCP 怎么用：前端该装哪些、怎么接、怎么自己写，一次讲透
从前端常用 MCP 推荐、现成 server 的安装配置，到自己编写 MCP Server 的结构、调用时机和具体实例，讲清楚 MCP 到底怎么落地。
Rule 怎么用：先把 AI 写代码这件事“管起来”
从创建、拆分、编写到落地，讲清楚 Rule 该放哪里、写什么、怎么让 AI 长期稳定遵守。
Skill 怎么用：把高频需求拆成 AI 能复用的工作
从创建、编写、调用到实现，讲清楚 Skill 怎么拆、怎么写、怎么避免变成万能 Prompt。
AI Agent 在前端工程化中的三层能力演进：Rule、Skill 与 MCP
介绍 Rule、Skill、MCP 在 React 前端工程中的职责边界、适配场景、推荐组合与常见坑点。
