Claude Code × 网站导航菜单设计 Skill

网站导航菜单设计 Skill不在 Claude Code 的前十推荐里——Claude Code更擅长项目上下文、文件、终端和 MCP，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

Claude Code 适合在长期维护的网站项目中统一多个页面族的导航规则。它可以读取 CLAUDE.md、路由、内容模型和组件引用，区分全站共享的一级入口、页面特例与地区版本，再用项目已有 Hooks、测试或构建持续检查变更。

官网、博客、帮助中心和地区站点可能共用菜单外观，却使用不同的页面来源和标签。Claude Code 可以梳理组件引用与内容模型，把稳定的一级入口、二级分组、锚文本和检查命令写进项目规则，共享内容与页面特例分别维护。

1. 01

   盘点网站层级与访客目标

   读取项目说明、页面清单、路由和 nav 引用，按页面族整理关键入口、设备场景与现有差异。

2. 02

   筛选一级菜单并组织二级分组

   比较各数据源中的栏目和页面，提取全站共享入口与站点、地区或语言特例。

3. 03

   写清锚文本与桌面、手机交互

   把稳定规则落到共享配置、组件或项目文档，页面特有标签与交互留在真实内容配置中。

4. 04

   检查 HTML 抓取与无障碍状态

   运行现有 Hooks、测试或构建，检查代表 HTML；页面视觉、触控、键盘、焦点与读屏继续在可用预览中确认。

把 Skill 放入项目技能目录，同时提供 CLAUDE.md、路由、菜单数据、nav 组件、样式文件和现有检查命令。

抽查官网、博客和帮助中心，确认一级入口、分组、标签和 URL 一致，同时页面特例仍然正确。

菜单标签、目标 URL、页面优先级、地区与语言版本需要由网站负责人提供并确认。代码修改、页面预览、键盘、读屏和线上抓取检查能否执行，取决于所用 Agent 的工具配置、项目文件与操作权限。

请帮我把「网站导航菜单设计 Skill」安装到 Claude Code。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-navigation-menu/1.0.0/skill-navigation-menu.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 Claude Code 的方式安装：mkdir -p ~/.claude/skills && cp -R ./skill-navigation-menu ~/.claude/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：在项目里提一个只读任务并点名 Skill，确认它按 SKILL.md 的步骤复述计划。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-navigation-menu/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-navigation-menu.md

mkdir -p ~/.claude/skills && cp -R ./skill-navigation-menu ~/.claude/skills/