Dark docs navigation
Header tabs, grouped navigation, and dashed tree menus form a clear dark documentation interface. Customize the brand and colors, then generate an offline HTML file.
Live demo
Interactive demoSelect a page, expand a menu, or switch header tabs to try the navigation.
Open preview in a new window ↗Make this effect yours
The package includes Skill instructions, a Python generator, an HTML template, and design notes. Requires Python 3.10+ with no additional dependencies. Default and custom generation, desktop and mobile layouts, keyboard interactions, and parameter escaping have been tested. Article text is sample content.
Download SKILL.md only- Download and unzip
Keep the
dark-docs-navigation/folder. ItsSKILL.mdfile is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser. - Give it to your AI coding assistant
Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.
- Describe the result you want
Read dark-docs-navigation/SKILL.md and generate a dark documentation interface for Nexus with accent #4d7cff and edge initially selected. Save it as out/index.html and check mobile layout and keyboard interactions.
