A precision-engineered tool that converts any input into a series of structured, presentation-quality HTML report pages.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install html-report-generator
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install html-report-generator using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is HTML Report Generator?
The HTML Report Generator is a sophisticated technical skill designed to bridge the gap between raw data analysis and professional presentation. It decomposes any input into 5-15 independent HTML pages, each locked to a precise 1017x720px canvas to mirror standard high-definition presentation slide dimensions. This ensures that every report generated via Openclaw Skills maintains visual consistency and structural integrity across all devices.
By leveraging a modular architecture of specialized definition files, the generator applies a rigorous design system, including custom Tc templates and Lc layout logic. It doesn't just display text; it performs deep analysis across 3-6 dimensions per topic, synthesizing content into concise 60-100 word insights supported by a rich library of integrated SVG charts and diagrams.
HTML Report Generator Use Cases
- Transforming raw research notes or data logs into executive-style HTML presentations.
- Creating automated, visually consistent periodic business reports with high information density.
- Converting complex system architectures or workflows into structured, multi-page technical documentation.
- Visualizing multi-dimensional data analysis through specialized charts like radar, Sankey, or Gantt diagrams.
How HTML Report Generator Works
- The process begins by analyzing user descriptions to create a custom Tc template and planning the thematic decomposition into 8-12 dimensions.
- The system selects the appropriate layout logic (Lc) and canvas structure based on a fixed 1017x720px frame.
- Content is distributed across specialized pages, including covers, tables of contents, and chapter dividers.
- Each page is populated with text and corresponding SVG icons or complex diagrams (e.g., waterfall charts, heatmaps) selected from an extensive library.
- The final output is rendered using Chrome/Puppeteer to ensure exact visual fidelity, bypassing standard document converters for pixel-perfect results.
HTML Report Generator Setup
To utilize this skill within the Openclaw Skills framework, ensure your environment supports HTML rendering and that the core definition files are indexed in your project directory.
# Ensure the following index files are present in your skills directory:
# 01-canvas.md, 02-design-system.md, 03-layout.md, 04-color-font.md,
# 05-content.md, 06-workflow.md, 07-special-pages.md, 08-svg-extended.md,
# 09-components.md, 10-diagram-types.md
# Trigger the generator with a natural language command:
# "Generate report from [source_data]"
HTML Report Generator Data Schema & Taxonomy
The skill organizes its output through a strict page-numbering taxonomy and structural hierarchy:
| Page Code | Page Type | Reference Specification |
|---|---|---|
| P00 | Cover Page | 07-special-pages.md (CV Variant) |
| P01 | Table of Contents | 07-special-pages.md (TC Variant) |
| CD | Chapter Divider | 07-special-pages.md (CD Variant) |
| P01+ | Content Pages | Main Workflow + 05-content.md |
| PN | End Page | 07-special-pages.md (EP Variant) |
HTML Report Generator Advanced Features
- Multi-dimensional decomposition (3-6 sub-dimensions per page) to prevent information overload.
- Dynamic SVG Library selection ranging from basic bar charts to complex C4 architecture diagrams and Sankey flows.
- Precise CSS box-modeling with a mandatory four-zone height calculation (Header 72px, Content 580px, Summary 48px, Footer 20px).
- WebSearch integration to retrieve and render diagram types not found in the local library.
SKILL.md
Loading
Related Openclaw Skills
Summarize
A high-performance CLI tool designed to distill URLs, local files, and multimedia content into concise summaries using leading AI models.
A-Stock Daily Report
An automated financial reporting tool that fetches and analyzes A-share market performance, including indices and trending sectors.
Lao Huangli: Traditional Chinese Almanac & Calendar Engine
A technical engineering workflow for calculating precise Chinese almanac data and traditional date selection rules.
Stock K-Line Analysis & Technical Indicator Agent
A comprehensive financial analysis tool that automates stock data fetching, technical indicator computation, and visual charting for A-share, HK, and US markets.
DataVault
A local-first CLI tool for scanning, classifying, and reporting on data assets across 60+ file formats.
Kimi API Workflow Integration
A professional-grade integration skill for building, debugging, and optimizing Kimi API workflows with a focus on reliability and operational safety.
Featured*
