skills.rest
paolomoz
paolomozCOMMUNITY
Explore all skills by this author →
GitHub

report-hub-generator

Generate self-contained HTML report hubs with interactive navigation and inline assets.

3|Updated Feb 3, 2026
Search Tags:#data visualization#web development#dashboard#reporting#html report#analysis hub
One-click install
npx skills add https://github.com/paolomoz/skills --skill report-hub-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: report-hub-generator
Source: https://github.com/paolomoz/skills/tree/main/skills/report-hub-generator
Command: npx skills add https://github.com/paolomoz/skills --skill report-hub-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of self-contained, single-page HTML report hubs that aggregate multiple analysis reports, providing interactive navigation and a consistent user experience.

Core Features & Use Cases

  • Aggregates Reports: Combines various analysis outputs (e.g., content audit, performance, SEO) into one navigable dashboard.
  • Interactive Navigation: Features a sidebar for easy switching between different report sections.
  • View Toggles: Allows users to switch between grid, list, and detail views for content.
  • Embedded Assets: Includes all CSS and JavaScript inline, making reports portable and dependency-free.
  • Use Case: Generate a comprehensive website audit report that includes sections for SEO, performance, and content quality, all accessible within a single, interactive HTML file.

Quick Start

Use the report-hub-generator skill to create an HTML report hub titled 'Q3 Website Performance Review' with sections for 'performance', 'seo', and 'content-gaps'.

Frequently Asked Questions about report-hub-generator

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

FAQPage Schema
How do I generate an interactive HTML report dashboard from multiple analysis outputs?▼

Generating an interactive HTML report dashboard involves aggregating multiple analysis outputs into a single-page hub with sidebar navigation, view toggles, and inline CSS and JavaScript for a portable, dependency-free file.

Can I create a single-page HTML reporting hub without external dependencies?▼

Yes, creating a single-page HTML reporting hub without external dependencies is possible by embedding all CSS and JavaScript inline, ensuring the report remains fully self-contained and portable for easy hosting.

What interactive data visualization elements can I include in an HTML report hub?▼

Interactive data visualization elements in an HTML report hub include KPI cards, status badges, sortable tables, funnel charts, bar charts, and donut charts, alongside search and filtering capabilities.

How do I combine separate SEO and performance audits into one navigable HTML file?▼

Combining separate SEO and performance audits into one navigable HTML file requires aggregating the analysis reports into distinct dashboard sections with interactive navigation and consistent theming.

Does the generated HTML report support view toggles for content display?▼

Yes, the generated HTML report supports view toggles, allowing users to switch between grid, list, and detail views for content display within the aggregated dashboard interface.

Related Skills

Explore More Data & Analytics Skills→
gerquinn1978gerquinn1978
5

gvm-analysis

Execute privacy-preserving exploratory data analysis on structured data files.

Community
Advanced
chelleboyerchelleboyer

interactive-dashboard-builder

Build self-contained interactive HTML dashboards with Chart.js, filters, and styling.

Community
Intermediate
oharatooharato

displaying-streamlit-data

Display charts, interactive tables, and key metrics in Streamlit apps.

Community
Basic
cyyehcyyeh
1

interactive-dashboard-builder

Build self-contained HTML dashboards with Chart.js and client-side filters.

Community
Intermediate