skills.rest
pipixia-labs
pipixia-labsOFFICIAL
Explore all skills by this author →
GitHub

docs-page

Generate a three-column HTML documentation page from a design brief and DESIGN.md.

38|3|Updated Apr 8, 2026
Search Tags:#documentation#html#layout#docs#design-system#three-column
One-click install
npx skills add https://github.com/pipixia-labs/creative-claw --skill docs-page-pipixia-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: docs-page
Source: https://github.com/pipixia-labs/creative-claw/tree/main/skills/design-knowledge-and-skills/skills/docs-page
Command: npx skills add https://github.com/pipixia-labs/creative-claw --skill docs-page-pipixia-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams publish structured, navigable documentation pages as a single HTML file, reducing multi-step setup and ensuring consistent layout.

Core Features & Use Cases

  • Three-column documentation layout with left navigation, central article, and right table of contents.
  • Enforces DS design system constraints (colors, typography, layout, and components) for consistent docs pages.
  • Use case: quickly prototype product docs, API guides, or tutorials in a portable HTML document.

Quick Start

Create a single HTML document that renders a three-column docs page using the active DESIGN.md as source.

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 three-column documentation page in a single HTML file?▼

To generate a three-column documentation page in a single HTML file, provide a design brief and DESIGN.md to produce a self-contained document with left navigation, central article, and right table of contents using inline CSS.

What is the best way to create portable HTML docs with consistent design-system constraints?▼

The best way to create portable HTML docs with consistent design-system constraints is using a generation process that enforces colors, typography, and layout rules from DESIGN.md directly into a single output file.

Can I build API reference guides and tutorials without multi-step setup?▼

Yes, you can build API reference guides and tutorials without multi-step setup by outputting a portable, self-contained three-column HTML document that includes accessible anchors for immediate navigation.

Do I need a DESIGN.md file to enforce typography and color layout for docs pages?▼

Yes, you need a DESIGN.md file as the active source to enforce specific design-system constraints for colors, typography, layout, and components across your generated documentation pages.

How does inline CSS handle accessible anchors for navigation in single-file HTML docs?▼

Inline CSS handles accessible anchors for navigation in single-file HTML docs by embedding all styling within the document, ensuring the left navigation and right table of contents link correctly without external dependencies.

Related Skills

Explore More Content & Communication Skills→
Usmanhacker2641Usmanhacker2641

stitch-design-taste

Translate premium UI design directives into Stitch-ready DESIGN.md prompts.

Community
Advanced
EmasoftEmasoft

amvcp-share-pages

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

Community
Intermediate
hanzlahabibhanzlahabib
2

rcode-editorial-review-prose

Identify prose communication issues and propose minimal wording fixes.

Community
Advanced
koseki2580koseki2580

html-doc-site

Transform validated HTML fragments into structured static documentation sites.

Community
Advanced