skills.rest
MyHeavenDyf
MyHeavenDyfCOMMUNITY
Explore all skills by this author →
GitHub

docs-page

Generate a three-column documentation page with inline navigation and table of contents.

1|Updated May 8, 2026
Search Tags:#documentation#html#css#api reference#software guide
One-click install
npx skills add https://github.com/MyHeavenDyf/UXAI --skill docs-page-myheavendyf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: docs-page
Source: https://github.com/MyHeavenDyf/UXAI/tree/main/packages/app/octoapp/templates/docs-page
Command: npx skills add https://github.com/MyHeavenDyf/UXAI --skill docs-page-myheavendyf

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation of professional documentation pages, reducing the time and effort required to produce high-quality, informative documentation.

Core Features & Use Cases

  • Inline Navigation: Provides an inline-start navigation bar for easy navigation.
  • Scrollable Article Body: Allows users to read documentation in a scrollable format.
  • Table of Contents: Offers an inline-end table of contents for quick access to sections.
  • Use Case: Ideal for generating documentation pages for APIs, software guides, or technical references.

Quick Start

Use the docs-page skill to create a documentation page for your software with the brief "Create a guide for the 'User Settings' feature."

Frequently Asked Questions about docs-page

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

FAQPage Schema
How do I create a three-column documentation page for an API reference?▼

To create a three-column documentation page for an API reference, use this skill to generate inline-start navigation, a scrollable article body, and an inline-end table of contents for software guides.

Do I need HTML and CSS knowledge to generate software guides with this tool?▼

Yes, you need HTML and CSS knowledge to style the generated documentation pages, as the skill outputs structured layouts that require manual styling adjustments for professional software guides.

What is the best way to structure technical documentation with inline navigation?▼

The best way to structure technical documentation with inline navigation is generating a single page layout featuring an inline-start navigation bar and an inline-end table of contents for quick section access.

Can I build a scrollable article body for software feature guides without starting from scratch?▼

Yes, you can build a scrollable article body for software feature guides by providing a brief like creating a guide for a specific feature, which the skill uses to generate the complete page structure.

Related Skills

Explore More Software Engineering Skills→
legoutlegout
3

visual-explainer

Generate self-contained HTML pages with Mermaid.js diagrams and tables.

Community
Advanced
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
DavidLam-ossDavidLam-oss
283

tutorial-cards-layout

Convert Markdown documentation into structured tutorial layouts with hero headers and code blocks.

Community
Intermediate
hico-mrmgnhico-mrmgn

lp-creator

Create standalone HTML/CSS/JS landing pages without build tooling.

Community
Intermediate