skills.rest
Clos01
Clos01COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/Clos01/Kenbun-Agent --skill docs-page-clos01
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
GrizzwaldHouseGrizzwaldHouse
6

Documentation & Blog Generator

Generate Markdown documentation, blog posts, changelogs, and developer guides from code, schemas, commit logs, or outlines.

Community
Intermediate
JongsixJongsix

moai-docs-generation

Generate technical documentation from source code and API definitions.

Community
Advanced
sjoerdbeentjessjoerdbeentjes

frontend-design

Design production-grade frontend interfaces with accessible, responsive HTML/CSS/JS.

Community
Intermediate
fabioc-alohafabioc-aloha
1

API Documentation Skill

Scaffold technical documentation projects with templates for API endpoints and guides.

Community
Intermediate