html-docs

Scaffold standalone HTML documentation sites with shared CSS/JS and validation.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/larsboes/pai-marketplace --skill html-docs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-docs
Source: https://github.com/larsboes/pai-marketplace/tree/main/marketplace/plugins/content/skills/html-docs
Command: npx skills add https://github.com/larsboes/pai-marketplace --skill html-docs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Build lightweight, standalone HTML documentation without a build step or framework, enabling quick architecture overviews, feature catalogs, component references, or configuration docs.

Core Features & Use Cases

  • Scaffold a minimal docs site with pages like index.html, features.html, components.html, and config.html using the provided scripts.
  • Provide a design-system CSS/JS bundle and a simple, responsive layout that works with file:// or python -m http.server.
  • Validate the generated site with automated checks to ensure navigation, links, and responsive behavior.

Quick Start

Scaffold a new docs site with scripts/scaffold.sh and customize the generated pages.

Frequently Asked Questions about html-docs

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

FAQPage Schema
How do I create standalone HTML documentation without a build step?

To create standalone HTML documentation without a build step, scaffold a minimal docs site with pages like index.html and features.html. The generated site includes shared CSS and JavaScript, working directly with file:// or python -m http.server.

Can I generate a responsive docs site with Mermaid diagrams using plain HTML?

Yes, you can generate a responsive docs site using plain HTML with optional Mermaid diagrams. The scaffolding provides a design-system CSS and JS bundle to ensure responsive behavior across different devices.

What is the best way to scaffold a component reference site for a web project?

The best way to scaffold a component reference site is using a provided script to generate pages like components.html and config.html. This creates a lightweight, framework-free site for architecture overviews and configuration docs.

Do I need a JavaScript framework to build a lightweight web documentation site?

No, you do not need a JavaScript framework to build a lightweight web documentation site. You can generate standalone HTML pages with shared CSS and JS, avoiding complex build steps while maintaining navigation and responsiveness.

How do I validate navigation and links in a generated HTML docs site?

To validate navigation and links in a generated HTML docs site, use the provided automated validation workflow. This process checks the generated pages to ensure links, navigation, and responsive behavior function correctly.