CCFE Mock增量原型导航

本地 Mock 导航的痛点

在前端开发中，频繁调整导航菜单（顶栏/侧栏）的文案和顺序是家常便饭。但如果每次都需要修改组件代码并重新构建，不仅会打断开发节奏，也难以支撑真正的“增量原型”迭代。

技能如何工作

本技能是一套 Agent 编排指南，负责指导 AI 助手如何在工程中正确接入本地 Mock 导航。
核心工作流如下：

• 场景选型：Agent 会先判断你的工程是从零搭建（0→1）还是存量接入（1→n），进而决定是否需要引入 app-seed 脚手架。
• 环境探测与 Wire：Agent 会探测当前的构建工具（Vite 或 Webpack），并调用运行时依赖 @ccfe-aicoding/navbar-mocker 完成底层逻辑的接入。
• YAML 驱动热更新：接入完成后，菜单数据完全由根目录的 dev-navigation.config.yaml 管理。日常迭代只需修改 YAML 中的 label 和顺序，保存后即可在 yarn dev 期间实现界面热更新。

适用边界与注意点

• Skill 不等于运行时：本技能仅提供编排与集成指南，不会自动修改你的工程源码；真正负责渲染 UI 和热更新的是 npm 包。
• 修改限制：日常迭代中，请只改 label 和顺序，严禁修改 key 或 route，以免破坏底层的路由映射。
• 存量工程避坑：若你已在使用 console-plugin-* 等成熟脚手架，禁止误装 appseed，直接使用本技能进行 1→n 的增量接入即可。