Documentation Page Generator

•
64k
•

Generates professional, three-column documentation pages with navigation rails, scrollable content, and integrated tables of contents.

The docs-page skill empowers developers and technical writers to instantly create production-ready documentation layouts using Claude Code. It produces a sophisticated three-column architecture featuring a sticky sidebar navigation, a centered article body optimized for readability, and a dynamic 'On this page' table of contents. Built with internationalization in mind, it utilizes logical CSS properties for seamless Right-to-Left (RTL) support and integrates directly with your existing Design System tokens to ensure consistent typography, spacing, and brand identity across all technical guides and API references.

Características Principales

01Three-column layout with sticky navigation and table of contents
02Pre-styled components for code blocks, callouts, and data tables
03Deep integration with DESIGN.md tokens for consistent brand styling
04Responsive design that collapses gracefully for mobile and tablet viewports
0564,192 GitHub stars
06Full RTL and BIDI support using logical CSS properties

Casos de Uso

01Creating step-by-step technical tutorials and software user guides
02Generating comprehensive API reference pages with code snippets and parameter tables
03Prototyping documentation site structures for internal engineering wikis