技能介绍

要解决什么问题

Console Plugin 或控制台类前端往往要在真实壳层（顶栏、侧栏、路由占位）里验证交互，而不是白屏单页。若团队已有 console-plugin-* 存量工程，再 clone 一套 app-seed 只会重复造轮子；若是 0→1 高保真 Demo，则需要统一的 Vite + React 立项入口，并能在本地 yarn dev 时快速挂上导航 Mock，而不是手写一堆布局胶水代码。

技能如何工作

本技能面向 还没有 app-seed 项目 的立项场景：从公网 app-seed v0.2.1 拉取 Vite 模板（文档明确要求勿用 v0.2.0，缺少 MVP 级修复）。安装 ccos-fe-appseed 后，Agent 会按 agent-guide 执行 clone、依赖安装，并在 S-Mock 检查点 询问：本地预览是否需要 Mock 顶栏/侧栏。

需要（默认）：安装并启用 ccfe-mocker v2.1.0，完成 handoff 后走 Q0–Q4 接入门禁；可用 yarn dev:nav-check 做 Mock 接入校验。
不需要：仅 yarn dev 起 Vite，跳过 YAML 与 mock 卡点。

菜单侧：编辑工程根目录的 dev-navigation.config.yaml，保存即可热更新；也可用 yarn dev:nav-init 生成菜单 YAML。另有 yarn dev:cp 用于 Console Plugin watch 构建（无 Mock Shell）。

适用边界与注意点

已有存量工程（例如现有 console-plugin-*）时，不要再 clone app-seed；只装 ccfe-mocker v2.1.0，由 Agent 探测 Vite/Webpack 后 wire 进现有仓库。本机需 Node ≥18、yarn v1、git 与浏览器；包内对用户可见的说明以 SKILL.md、user-guide.md 为主，implementation.md 供开发与验收对照固定源与硬约束。