全部 Skills
前端交互HTMLv1.0.0

深色文档导航

顶栏标签、分区侧栏与虚线树形菜单,组成清晰的深色文档界面。调整品牌与配色,生成可离线使用的单文件 HTML。

文档导航树形菜单HTMLPython

在线体验

交互效果示例

点击侧栏、展开菜单或切换顶部标签,体验导航效果。

在新窗口预览 ↗
从体验到项目

把这个效果用起来

完整包包含 Skill 说明、Python 生成器、HTML 模板与设计参考。需要 Python 3.10+,无需额外依赖。已验证默认与改参生成、桌面与移动端布局、键盘交互和参数转义;正文为示例内容。

单独下载 SKILL.md
  1. 下载并解压

    保留 dark-docs-navigation/ 文件夹,其中的 SKILL.md 是技能入口,scripts/ 是生成器,templates/ 是界面模板,references/ 是设计说明。preview.html 可直接用浏览器打开。

  2. 交给 AI 编程助手

    把整个文件夹放进项目,让助手读取其中的 SKILL.md;如果你的工具支持 Skills,也可按它的方式安装。

  3. 说出你要的效果

    请读取 dark-docs-navigation/SKILL.md,生成品牌名为 Nexus、强调色为 #4d7cff 的深色文档导航,初始选中 edge。保存为 out/index.html,并检查移动端布局与键盘交互。

Skill 源文件

SKILL.md
查看完整 Skill 内容