SuperAPI AI 工具集

components-navigation-menu

设计与创作

查看项目

更新于 10-15 23:47

技能介绍

用途:指导导航菜单的设计、优化与审计,兼顾 SEO、用户体验和无障碍。导航既帮助用户找到内容,也向搜索引擎传达站点结构。

主要能力:评估站点结构(主要栏目与层级)、主要目标(转化路径、关键页面)和平台(Web、移动端或两者)。给出菜单规模建议(主导航条目数量、子导航最多 2 层)、布局模式(水平顶部导航或垂直侧边导航,避免新奇模式)、层级与分组建议。提供 SEO 实践:语义化 HTML(nav、ul、li 及地标角色)、描述性锚文本、优先文本链接、首屏渲染全部导航 HTML、优先可见链接、子菜单 HTML 需在 DOM 中(CSS 隐藏而非 JS 注入)、页脚导航与面包屑(含 BreadcrumbList schema)。提供 UX 与无障碍要求:桌面端可见导航、预期位置、当前页面指示、清晰标签、对比度、≥44×44px 触控目标、完整键盘导航与可见焦点、ARIA 与跳转链接。输出格式包含结构、锚文本建议、HTML/ARIA 说明、SEO 清单和无障碍清单。

使用方式:首次使用时可用 1–2 句说明覆盖范围与重要性,再给出主要输出;后续使用或用户要求跳过时直接输出。开始前若存在 .claude/product-marketing-context.md 或 .cursor/product-marketing-context.md,可读取其中的关键页面与受众信息。

适用场景:网站导航菜单设计、优化与审计,涉及 navigation、nav menu、header menu 等需求时。

限制:资料未提供具体收费、价格、平台支持范围或效果数据;部分条目数量与对比度数值在原文中显示不完整,暂未提供确切数值。