英语 |中文

将数据报告转化为16：9的基于网络的幻灯片演示——一个Claude代码技能/独立项目模板。 每张幻灯片一个文件 ·物理数据分离 ·EC哈特 ·5个主题 ·一键PDF导出

预览

推荐系统分层架构（landscape-map 模板，无ECharts — 纯CSS结构图）：

行业景观图（三层嵌套+标志墙;公共实体替代敏感数据）：

人类剪影肖像（human-portrait 模板——数据驱动，一遍过：咨询级人体剪影，带引导线锚点自动连接周围标签;源自“OpenAI IPO”牌组，OpenClipart CC0）：

中央轮廓保持干净——轮廓上的彩色点（真实SVG元素）标记身体部位，虚线引导线自动从每个点连接到幻灯片边缘的标签卡。你只需写入一个labels数据块（每个块绑定到一个实体part，如头/心/腿/肩膀/右手）;轮廓、锚点坐标、点和引线均自动计算——不手绘剪影，不需坐标校准，不需手动放置引线。

ppt-report-generator

English | 中文

Turn data reports into 16:9 web-based slide decks — a Claude Code skill / standalone project template. One file per slide · physical data separation · ECharts · 5 themes · one-click PDF export

Preview

Recommender-system layered architecture (landscape-map template, no ECharts — pure CSS structure graph):

Industry landscape map (3-tier nested + logo wall; public entities replace sensitive data):

Human silhouette portrait (human-portrait template — data-driven, one-pass: a consulting-grade human silhouette with leader-line anchors auto-connecting to surrounding labels; born from “OpenAI IPO” deck, OpenClipart CC0):

Central silhouette stays clean — colored dots (real SVG elements) on the silhouette mark body parts, and dashed leader lines auto-connect from each dot to its label card on the slide edges. You write only one block of labels data (each bound to a body part like head / heart / legs / shoulder / rightHand); the silhouette, anchor coordinates, dots, and leader lines are all computed automatically — no hand-drawn silhouette, no coordinate calibration, no manual leader-line placement. Works for user persona, anthropomorphic capability maps, job-risk heatmaps, and team pictograms.

Value-flow chain (value-chain template — framework diagram for physical industries; horizontal value flow with self-operated / outsourced badges and a color gradient along the chain, pure CSS):

Vertical / portrait — for phone & social (portrait format — scenario-driven, low content density; one deck exports to any platform size: 小红书 3:4 / WeChat long-image / Stories 9:16 …):

What is this

A template that engineers the “data report → web slide deck” workflow. Two ways to use it:

1. As a Claude Code Skill — drop this repo into ~/.claude/skills/ppt-report-generator/ and let Claude build reports following this spec automatically
2. As a standalone project template — copy assets/ to src/ and run python3 build.py to bundle a single HTML

What problem it solves

Slide tools (Keynote / Lark Docs / Google Slides) have a few chronic pain points for data reporting:

• ❌ Change one number → redraw the whole chart → half an hour gone