docs-page

Generate standalone HTML documentation pages with three-column navigation layouts.

3|2|Updated May 28, 2026

Search Tags:#documentation #html #web design #tutorial #user guide #api reference

Ready to run

npx skills add https://github.com/Clos01/Kenbun-Agent --skill docs-page-clos01

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: docs-page
Source: https://github.com/Clos01/Kenbun-Agent/tree/main/core/tools/skills/docs-page
Command: npx skills add https://github.com/Clos01/Kenbun-Agent --skill docs-page-clos01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps create structured documentation pages that avoid generic layouts by producing realistic, readable docs experiences with clear navigation and content organization.

Core Features & Use Cases

Three-Column Documentation Layout: Builds pages with a left navigation rail, central article content, and right-side table of contents.
Realistic Documentation Content: Creates API references, tutorials, guides, and engineering documentation with examples, tables, code blocks, and callouts.
Responsive HTML Output: Produces a standalone HTML document with inline styling, sticky navigation elements, and adaptive layouts for different screen sizes.

Quick Start

Use the docs-page skill to create a complete API documentation page for my product with navigation, article sections, and a table of contents.

Frequently Asked Questions about docs-page

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

FAQPage Schema

How do I generate a standalone HTML documentation page with a navigable layout?▼

You can create a complete API reference page by providing your product details; the Skill outputs a standalone HTML document with styled components, code examples, anchors, and documentation conventions like callouts and tables.

What is the best way to structure an engineering guide with code examples and tables?▼

The best way to structure an engineering guide is using documentation conventions that include code blocks, tables, and callouts within a responsive three-column layout, ensuring clear information architecture and readable technical content.

Does this approach work for building API references and user tutorials?▼

Yes, this approach works for building API references and user tutorials by applying realistic technical content generation to create structured pages with sticky navigation elements and adaptive layouts for different screen sizes.

Can I create responsive web design documentation without external CSS frameworks?▼

You can create responsive web design documentation without external CSS frameworks because the generated standalone HTML document relies entirely on inline styling and adaptive layouts for different screen sizes.