Skip to content

feat: add html-report skill - PPT-style HTML report generator#77

Open
panhongwei wants to merge 1 commit intoccplugins:mainfrom
panhongwei:main
Open

feat: add html-report skill - PPT-style HTML report generator#77
panhongwei wants to merge 1 commit intoccplugins:mainfrom
panhongwei:main

Conversation

@panhongwei
Copy link

New Resource: html-report

Category: Agent Skills / Design UX

Repository: https://github.com/panhongwei/html-report

What it does

A Claude Code skill that transforms any topic or content into pixel-perfect PPT-style HTML pages (1017x720px, aligned to PowerPoint canvas at 96dpi). Users say a single sentence like "generate a report on AI trends" and Claude produces a complete 10-page visual report.

Key features

  • 6 visual templates: dark luxury, editorial split, terminal code, light dashboard, editorial minimal, neon cyberpunk
  • 7 color schemes x 4 layout structures = 168 combinations
  • 12+ chart types: bar, line, area, column, scatter, donut, radar, gantt, heatmap, timeline, waterfall, gauge, architecture diagram
  • Pure SVG charts, zero external dependencies
  • Pages can be screenshot directly into PowerPoint slides

Demo

All 10 example pages with screenshots are in the demo/ directory of the repo.

Usage

Install the skill, then tell Claude: "generate a report: [your topic]"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant