docs-nav-design

Organize documentation site structure using Diataxis navigation guidelines.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/lorehq/lore --skill docs-nav-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: docs-nav-design
Source: https://github.com/lorehq/lore/tree/main/.lore/skills/docs-nav-design
Command: npx skills add https://github.com/lorehq/lore --skill docs-nav-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Documentation teams struggle with inconsistent navigation, bloated sidebars, and unclear page purposes, making it hard for readers to find relevant content quickly.

Core Features & Use Cases

  • Diataxis-aligned navigation design that groups pages by reader intent (Getting Started, Guides, Reference, Concepts).
  • Sidebar depth control and landing pages to improve orientation and scanability.
  • Page sizing guidance to keep topics focused and readable.

Quick Start

Apply this design guide to organize a new documentation site following the Diataxis navigation rules.

Frequently Asked Questions about docs-nav-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure documentation navigation for fast reader onboarding?

Structure documentation navigation using Diataxis-inspired guidelines to group pages by reader intent. Organize sidebar depth, landing pages, and content sizing to improve reader orientation and help users find relevant content quickly.

What is the Diataxis framework for content organization?

Diataxis is a content organization framework that groups documentation by reader intent into Getting Started, Guides, Reference, and Concepts. Aligning navigation with these categories improves orientation and separates tutorials from reference material.

How do I design a docs sidebar to reduce bloat and improve scanability?

Control sidebar depth and use landing pages to reduce docs bloat and improve scanability. Apply navigation guidelines to keep topics focused, ensuring concise page templates and structured metadata guide readers effectively.

Does this documentation navigation approach work for existing reference and tutorial pages?

Yes, this navigation approach works for existing reference and tutorial pages. It guides content teams in reorganizing pages by reader intent, applying sidebar depth control, and adding landing pages to clarify page purposes.

What's the best way to organize a documentation site structure?

The best way to organize a documentation site structure is applying Diataxis-aligned navigation rules. Group content by reader intent, use frontmatter-driven metadata, implement structured navigation, and maintain concise page templates for optimal orientation.

When should I not use Diataxis navigation for my documentation?

Avoid Diataxis navigation when your documentation relies on a single linear workflow rather than distinct reference, tutorial, and concepts pages. This approach requires categorizing content by reader intent, which may not suit highly interdependent page structures.