القائمة
导航同步 / nav sync — 确保首页目录（docs/index.md）与侧边栏配置（docs/.vitepress/config.js sidebar）保持一致。新增、删除或重组导航条目时自动双向同步。Use when: 用户说「同步导航」「同步目录」「同步首页」「同步侧边栏」，或在 kb-inject / dev-mode 新增内容后涉及导航变更。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
知识点注入 / knowledge inject — 用户提供知识点内容，自动判断归属类别，找到 docs/interview/ 对应文件，智能决策：丰富已有面试题答案 或 新增一道 Q&A 题目。Use when: 用户说「加进去」「补充到对应位置」「加一个问题」「融合进来」「写进知识库」「把这个加进去」「更新知识库」。
学习计划制定 / learning plan — 为指定技术方向生成科学、循序渐进的学习路线图，创建结构化学习文档（docs/learning-plan/），支持每日任务分配、进度追踪、笔记填写，并强关联写入统一历史档案（docs/interview/.history/{用户名}.json）。Use when: 用户说「学习计划」「学习路线」「怎么学」「制定计划」「每天学什么」「规划学习」「帮我学xxx」「给我出个学习计划」。
| name | nav-sync |
| description | 导航同步 / nav sync — 确保首页目录（docs/index.md）与侧边栏配置（docs/.vitepress/config.js sidebar）保持一致。新增、删除或重组导航条目时自动双向同步。Use when: 用户说「同步导航」「同步目录」「同步首页」「同步侧边栏」，或在 kb-inject / dev-mode 新增内容后涉及导航变更。 |
| argument-hint | 可选：指定同步方向，如「以侧边栏为准」「以首页为准」 |
确保 首页目录（docs/index.md）与 侧边栏配置（docs/.vitepress/config.js 的 sidebar['/interview/']）始终一致。
| 关键词 | 示例 |
|---|---|
| 「同步导航」「同步目录」 | 「帮我同步一下导航」 |
| 「同步首页」「同步侧边栏」 | 「首页和侧边栏对一下」 |
| 「检查导航」「导航对齐」 | 「看看首页和侧边栏有没有差异」 |
⚠️ 核心原则：任何导致导航条目变更的操作完成后，必须自动执行本 Skill。
| 场景 | 说明 |
|---|---|
kb-inject 新增了文件或章节 | 注入完成后检查是否需要在首页/侧边栏新增链接 |
dev-mode 新增了文档页面 | 开发完成后同步导航 |
手动修改了 config.js sidebar | 同步更新 docs/index.md |
手动修改了 docs/index.md 目录 | 同步更新 config.js sidebar |
同时读取：
docs/index.md — 提取所有 [文本](链接) 条目，按章节分组docs/.vitepress/config.js — 提取 sidebar['/interview/'] 的所有分组和 items逐组对比，找出：
| 差异类型 | 说明 |
|---|---|
| 侧边栏有、首页无 | 需要在 docs/index.md 对应章节补上链接 |
| 首页有、侧边栏无 | 需要在 config.js 对应分组补上条目 |
| 分组名称不一致 | 统一名称（以最新修改为准） |
| 条目顺序不一致 | 保持同步（以侧边栏为基准，首页跟随） |
若用户未指定方向，按以下优先级自动判断：
config.js（侧边栏）为准，因为它是 VitePress 的权威配置Edit 工具精准更新（多处改动则多次调用 Edit）同步完成后，简要汇报：
以下为 2026-05-13 确认的最新对应关系，每次同步以此为参照。
侧边栏（config.js） | 首页（docs/index.md） |
|---|---|
笔试系列 → /interview/笔试系列 | 笔试系列 → ./interview/笔试系列.md |
| — | 算法练习：经典 150 题（外部链接，仅首页） |
| 侧边栏 | 首页 |
|---|---|
AI × 前端技术要点 → /interview/AI/ | AI × 前端技术要点 → ./interview/AI/index.md |
| 侧边栏 | 首页 |
|---|---|
HTML → /interview/HTML/html相关 | HTML → ./interview/HTML/html相关.md |
CSS → /interview/CSS/ | CSS → ./interview/CSS/index.md |
Sass & Less → /interview/CSS/sass和less | Sass & Less → ./interview/CSS/sass和less.md |
styled-components → /interview/CSS/style-components | styled-components → ./interview/CSS/style-components.md |
JavaScript → /interview/JavaScript/ | JavaScript → ./interview/JavaScript/index.md |
| 侧边栏 | 首页 |
|---|---|
TypeScript 概览 → /interview/Ts/ | TypeScript 总览 → ./interview/Ts/index.md |
类型 → /interview/Ts/类型/ | 类型系统 → ./interview/Ts/类型/index.md |
接口 → /interview/Ts/接口/ | 接口 → ./interview/Ts/接口/index.md |
类 → /interview/Ts/类/ | 类 → ./interview/Ts/类/index.md |
函数 → /interview/Ts/函数/ | 函数 → ./interview/Ts/函数/index.md |
| 侧边栏 | 首页 |
|---|---|
Vue2 → /interview/Vue/vue | Vue2 → ./interview/Vue/vue.md |
权限管理 → /interview/Vue/AuthorityManagement | 权限管理 → ./interview/Vue/AuthorityManagement.md |
Vue3 → /interview/Vue3/ | Vue3 → ./interview/Vue3/index.md |
Vue3 Diff 算法 → /interview/Vue3/diff/ | Diff 算法 → ./interview/Vue3/diff/index.md |
Vue3 性能提升 → /interview/Vue3/性能提升/ | 性能提升 → ./interview/Vue3/性能提升/index.md |
Tree-shaking → /interview/Vue3/Treeshaking/ | Tree-shaking → ./interview/Vue3/Treeshaking/index.md |
| 侧边栏 | 首页 |
|---|---|
React → /interview/React/ | React 技术要点 → ./interview/React/index.md |
React 渲染行为完全指南 → /interview/React/react-rendering-behavior | 同左 |
Fiber 架构与 Diff 算法深度解析 → /interview/React/fiber-diff | 同左 |
React 性能优化完全指南 → /interview/React/react-性能优化 | 同左 |
Redux 完全指南 → /interview/React/redux | 同左 |
MobX 完全指南 → /interview/React/mobx | 同左 |
| 侧边栏 | 首页 |
|---|---|
Webpack → /interview/Webpack/ | Webpack → ./interview/Webpack/index.md |
Webpack 基础配置 → /interview/Webpack/webpack基础配置 | 同左 |
模块化 History → /interview/Webpack/模块化/history | 模块化历史 → ./interview/Webpack/模块化/history.md |
Rollup → /interview/Webpack/模块化/Rollup | 同左 |
进阶-搭建组件库 → /interview/Webpack/模块化/进阶-搭建组件库 | 搭建组件库 → 同左 |
Vite → /interview/Vite/ | 同左 |
Git → /interview/git/ | 同左 |
| 侧边栏 | 首页 |
|---|---|
Node.js → /interview/Node/ | Node.js → ./interview/Node/index.md |
Nodemailer → /interview/Node/nodemailer | nodemailer 邮件 → ./interview/Node/nodemailer.md |
Server 准备工作 → /interview/Node/server-准备工作 | 同左 |
Server 部署 → /interview/Node/server-deploy | 同左 |
Nginx → /interview/Nginx/ | 同左 |
Linux → /interview/Linux/ | Linux 常用命令 → ./interview/Linux/index.md |
| 侧边栏 | 首页 |
|---|---|
网络 → /interview/网络/ | 网络（HTTP / TCP / WebSocket） → ./interview/网络/index.md |
浏览器 → /interview/浏览器/ | 浏览器原理 → ./interview/浏览器/index.md |
浏览器缓存 → /interview/浏览器/浏览器缓存 | 同左 |
操作系统 → /interview/操作系统/ | 同左 |
| 侧边栏 | 首页 |
|---|---|
性能优化 → /interview/性能优化/ | 性能优化 → ./interview/性能优化/index.md |
图片加载优化策略 → /optimization/加载图片优化策略 | 同左（./optimization/加载图片优化策略.md） |
设计模式 → /interview/设计模式/ | 同左 |
前端登录 → /interview/前端登录/登录的实现 | 前端登录方案 → 同左 |
大文件断点续传 → /interview/解决方案/大文件断点续传/ | 同左 |
JWT 登录方案 → /interview/解决方案/JWT登录方案/ | 同左 |
移动端适配 → /interview/解决方案/移动端适配/ | 同左 |
前端工程化 → /interview/解决方案/前端工程化/ | 前端工程化方案 → 同左 |
实时协同系统 → /interview/解决方案/实时协同系统/ | 同左 |
虚拟列表 → /interview/解决方案/虚拟列表/ | 同左 |
首页「进阶专题」对应侧边栏以下独立分组：
| 侧边栏分组 | 首页条目 |
|---|---|
| AnTd 组件库（AnTd 概览、Button） | Ant Design 组件库 |
| 微前端 | 微前端 |
| 微信小程序（原生）（路由、媒体、权限） | 微信小程序 + 权限 + 媒体 |
| Gatsby（含 GraphQL、Route 等 10 子项） | Gatsby |
| Web3D / Three.js | Web3D / Three.js |
若新增分组，两端必须同时创建。
./interview/xxx，侧边栏用绝对路径 /interview/xxx