html-report-framework
CommunityGenerate polished HTML data reports fast.
Data & Analytics#templates#html#responsive-design#data-visualization#report-generation#pdf-export#chartjs
AuthorOliverOuyang
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Convert raw data and visualization assets into well-designed, responsive HTML reports that are optimized for on-screen review and printable PDF export, reducing manual layout work and common rendering errors.
Core Features & Use Cases
- Template-driven styling: PPT-like section templates, themeable color palettes, and font hierarchy for consistent report appearance.
- Data-driven content generation: Markdown-to-HTML conversion, automated conclusion text generation, and data-backed chart configuration.
- Layout & chart engine: Automatic chart type detection, adaptive single/dual/mixed chart layouts, responsive spacing, and print/PDF optimizations.
- Diagnostics & fixes: Troubleshooting checklist, resource path fixes, initialization timing patterns, and data source unification guidance.
- Use Case: Produce a monthly KPI report with dozens of charts, export a print-ready PDF, and ensure charts render correctly across devices and browsers.
Quick Start
Use the html-report-framework skill to generate a responsive, print-ready HTML report from my data.json using the ppt theme and export it to PDF.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: html-report-framework Download link: https://github.com/OliverOuyang/shuhe-work-skills/archive/main.zip#html-report-framework Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.