English | 한국어

16:9 웹 기반 슬라이드 데크로 데이터 보고서를 턴 - Claude Code Skill / 독립 프로젝트 템플릿. ** 슬라이드 당 하나의 파일 · 물리적 데이터 분리 · ECharts · 5 테마 · 원 클릭 PDF 내보내기 **

미리보기

**Recommender-system 레이어 아키텍처 ** (landscape-map 템플릿, ECharts 없음 - 순수 CSS 구조 그래프) :

**산업 풍경지도 ** (3 층 배열 + 로고 벽; 공공 기관은 민감한 데이터를 대체합니다) :

** 인간 실루엣 초상화 ** (human-portrait 템플릿 - 데이터 구동, 원 패스 : 리더 라인 앵커와 상담 등급 인간 실루엣은 주변 라벨에 자동 연결; "OpenAI IPO"데크, OpenClipart CC0"에서 태어났습니다.

중앙 실루엣은 깨끗한 색상의 점 (실제 SVG 요소)를 Silhouette 마크 바디 부품에 유지하고 슬라이드 가장자리에 라벨 카드에 각 도트에서 자동 연결 을 dashed. 당신은 labels]의 1개의 구획만 씁니다 자료 (몸 part]를 머리/심/다리/오른손 같이 각); silhouette, 닻 협조, 점 및 지도자 선은 전부 자동적으로 계산됩니다 — 손 그림 실루엣 없음, 협조 구경측정 없음, 수동 지도자 선 배치 없음.

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