English** 日本語

データレポートを16:9 Webベースのスライドデッキに変える - クロードコードスキル/スタンドアローンプロジェクトテンプレート。 スライド・物理データ分離・ECharts・5テーマ・ワンクリックPDFエクスポート1ファイル

プレビュー

Recommender-system層アーキテクチャ(landscape-map])テンプレート、EChartsなし - 純粋なCSS構造グラフ:

産業景観マップ(3層ネスト+ロゴウォール;公共団体は、機密データを置き換えます):

ヒトシルエットポートレイト([human-portrait])テンプレート — データドリブン、1パス:リーダーラインアンカーを備えたコンサルティンググレードの人間のシルエットは、周囲のラベルに自動接続します。 「OpenAI IPO」デッキ、OpenClipart CC0から生まれます。

中央のシルエットは、シルエットのマークのボディ部分に色付きの点(実際のSVG要素)をきれいにし、各点からスライドエッジのラベルカードに自動接続されたリーダーラインをダッシュします。 [[labels]の1つのブロックのみを記述します。データ(ヘッド/ハート/脚/肩/右手のようなボディ[[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