docs-page

Generate HTML documentation pages with a fixed layout and in-line table of contents.

Updated May 11, 2026
One-click install
npx skills add https://github.com/Maccio-huang/opendesign --skill docs-page-maccio-huang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: docs-page
Source: https://github.com/Maccio-huang/opendesign/tree/main/skills/docs-page
Command: npx skills add https://github.com/Maccio-huang/opendesign --skill docs-page-maccio-huang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of well-structured documentation pages, reducing the need for manual formatting and layouting.

Core Features & Use Cases

  • Automated Layout: Creates three-column documentation pages with in-line navigation and scrollable content.
  • Content Extraction: Extracts topics and structures them into a navigable format.
  • Use Case: Ideal for quick documentation of API usage, guides, tutorials, and reference material.

Quick Start

Create a documentation page using the 'docs-page' skill by following the provided template.

Frequently Asked Questions about docs-page

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

FAQPage Schema
How do I generate HTML documentation pages with an in-line table of contents?

You can generate HTML documentation pages with a fixed three-column layout and an in-line table of contents by defining the page structure and content inside an SKILL.md file.

What is the best way to automate tech writing layout for API documentation?

Automating tech writing layout for API documentation is achieved by extracting topics from your content and structuring them into a three-column navigable HTML format with scrollable content.

How do I structure engineering tutorials into a navigable HTML format?

To structure engineering tutorials into a navigable HTML format, you define the required topics and content in an SKILL.md file to trigger automated layout generation.

Can I use this documentation generator without any external dependencies?

Yes, you can use this documentation generator without external dependencies, as it operates independently using only its internal scripts and references to build the layout.

What do I need to prepare before generating a fixed layout documentation page?

Before generating a fixed layout documentation page, you need to prepare your engineering or tech writing content and define the page structure within an SKILL.md file.

Does this approach support reference material with scrollable content?

Yes, this approach supports reference material by creating three-column documentation pages that feature in-line navigation alongside scrollable content sections.