Are the reports mobile-responsive?

The hub uses a fixed-sidebar layout optimized for screens from 1024px to ultrawide, specifically designed for professional data analysis and high-density reporting environments.

Can I customize the branding and colors of the generated hub?

Yes. The skill starts by establishing a design system using CSS custom properties (variables), allowing you to easily adjust the primary colors, typography, and status indicators.

What interactive elements are included in the generated reports?

The generator includes functional sidebar navigation, view mode toggles (Grid/List/Detail), search and filtering capabilities, and sortable data tables.

How is the data structured within the report hub?

Data is managed through a central JavaScript manifest object that defines the metadata, status, and content for each individual report section within the hub.

Does the generated report require an internet connection to view?

No. All CSS and JavaScript are embedded inline with zero external dependencies, making the generated report fully portable and viewable offline in any modern browser.

Report Hub Generator

Name: Report Hub Generator
Author: paolomoz

bypaolomoz

•

분석 및 모니터링

Generates interactive, single-page HTML dashboards and analysis hubs with zero external dependencies.

The Report Hub Generator is a specialized skill for creating portable, self-contained HTML dashboards that aggregate multiple data analysis reports into a single, cohesive interface. It features a robust design system with semantic status coloring, fixed-sidebar navigation, and interactive view toggles including grid, list, and detail views. By embedding all CSS and JavaScript inline, this tool ensures that reports remain fully functional without external hosting or library dependencies, making it ideal for sharing complex audit results, performance metrics, and data visualizations with stakeholders via email or static file servers.

주요 기능

012 GitHub stars

02Ready-to-use components for KPI cards, sortable data tables, and CSS funnel charts.

03Standardized design system with semantic color mapping for status reporting.

04Manifest-driven architecture for easy aggregation of multiple disparate analysis outputs.

05Interactive sidebar navigation and multi-view toggles (Grid, List, Detail).

06Zero-dependency single-page HTML generation with fully embedded assets.

사용 사례

01Standardizing visual outputs for automated testing pipelines and data science workflows for non-technical users.

02Aggregating content audits, SEO analysis, and performance metrics into a single stakeholder dashboard.

03Creating portable data visualization reports that can be shared via email or opened locally without a web server.

주요 기능

012 GitHub stars

02Ready-to-use components for KPI cards, sortable data tables, and CSS funnel charts.

03Standardized design system with semantic color mapping for status reporting.

04Manifest-driven architecture for easy aggregation of multiple disparate analysis outputs.

05Interactive sidebar navigation and multi-view toggles (Grid, List, Detail).

06Zero-dependency single-page HTML generation with fully embedded assets.

사용 사례

01Standardizing visual outputs for automated testing pipelines and data science workflows for non-technical users.

02Aggregating content audits, SEO analysis, and performance metrics into a single stakeholder dashboard.

03Creating portable data visualization reports that can be shared via email or opened locally without a web server.