Consulting Visualization Skill ★ GitHubでスター
CLAUDE CODE・CODEX・CURSOR用の無料スキル

メモを、
コンサル型スライドに。

AIエージェントに追加する無料スキル。ビジネスのメモから、図表・プレゼンスライド・A4のPDF資料を作れます。

実例を見る 無料で導入する

Claude Code・Codex・Cursorで使えます。

実例の閲覧は、登録不要。

メモから生まれるスライド、戦略マトリクス、PDF資料のイメージ
伝わる資料から、次の意思決定へ。AI生成のコンセプト画像・実際の出力は下に掲載

22種類の図表・スライド

6種類のデッキ雛形

4つの出力形式

MIT利用・改変が可能

メモから、スライドへ

そのメモが、どんな資料になるか。

ビジネスの問いを選び、元のメモと実際の出力を見比べてください。

メモ → スライド → PDF
01 / 入力メモ
Q4の役員会資料
ARRは$10Mから$15Mへ
新規エンタープライズ +$3M
既存顧客の拡大 +$2.5M
解約 -$0.5M

成長の要因を伝えたい
サンプルの入力
完成スライド（英語）スライドを開く ↗
新規エンタープライズがARRを$10Mから$15Mへ押し上げたことを示す英語スライド
数字の裏にある、成長のストーリー。
実際のレンダラー出力 · サンプルデータ元のJSONを見る ↗

次は、あなたのビジネスの問いで。

AnthropicのAPIキーを使ってブラウザで試すか、AIエージェントに無料スキルを導入できます。

自分のメモで試す ↗無料スキルを導入する →
一枚の図表から、資料全体へ

導入から意思決定まで、ひとつの流れに。

全9枚の役員会デッキをご覧ください。すべてこのスキルから生成しています。

モックではなく、本物のレンダラー出力がブラウザで動いています。

そのまま使える、実際の成果物

会議に持っていける、完成形まで。

役員会で成長戦略を説明するスライド。経営会議で意思決定を進める一枚資料。HTMLで作り、PDFに仕上げた実物をご覧ください。

ARRが1,000万ドルから1,500万ドルに伸びた要因を示す英語スライド
意思決定に必要な三つの指標をまとめた英語のエグゼクティブサマリー提言と次の行動をまとめた英語の締めくくりスライド
01 / 役員会レビュー · 全9枚

数字の背景を伝え、判断につなげる。

成長の要因、導入状況、供給能力を整理し、役員会で決めるべきことまでつなぎます。

9枚のスライドを見る · PDF ↗
提言、供給能力の図表、担当者をまとめた英語のA4意思決定資料
02 / 意思決定資料 · A4一枚

決めることと、次の行動を一枚に。

提言、判断の根拠、担当者を一枚に集約。会議前にも、会議後にも読み返せる資料です。

A4一枚の資料を見る · PDF ↗

実際の生成ファイル · 架空のビジネスデータ · 英語サンプル

編集元のHTMLを見る ↗

HTMLで作る。PDFで届ける。構成と図表をAIと磨き、ブラウザで確認して、完成した資料を出力。

コンサルティング資料のデザイン調査を見る ↗
ビジュアルライブラリ

伝えたいことに合う、一枚を。

成長レビュー、ベンダー比較、ロードマップ。問いに合った図表から始められます。

すべての実例 ↗
ARRの増減
ARRの増減SVG · プレビューを開く
価格と継続率
価格と継続率SVG · プレビューを開く
エグゼクティブサマリー
エグゼクティブサマリーSVG · プレビューを開く
ベンダー比較
ベンダー比較SVG · プレビューを開く
プロジェクト計画
プロジェクト計画SVG · プレビューを開く
優先順位マトリクス
優先順位マトリクスSVG · プレビューを開く
役員会プレゼンテーション
役員会プレゼンテーションSVG · プレビューを開く
日本語の役員会サマリー
日本語の役員会サマリーSVG · プレビューを開く
編集できる図解テンプレート

図解を選んで、自分の内容に。

JSONをダウンロードし、インストールしたスキルのフォルダに置きます。ラベルとデータを編集して、下のコマンドを実行してください。SVGのプレビューは原寸で開けます。

優先順位マトリクスの英語プレビュー

優先順位マトリクス

選択肢と優先順位を、ラベルの重なりなく比較する。

編集用JSONをダウンロード ↓SVG ↓
python3 scripts/render_slide_spec.py product-priority-two-by-two.json -o matrix.svg
プロジェクト計画の英語プレビュー

プロジェクト計画

作業・期間・意思決定のタイミングを揃える。

編集用JSONをダウンロード ↓SVG ↓
python3 scripts/render_slide_spec.py pmo-rollout-gantt.json -o roadmap.svg
仕事で使える資料へ

考える時間を、
もっと本題に。

自分のメモで試す ↗
01

一枚ごとに、伝える結論を。

結論を示す見出しで、データと意思決定をつなぎます。それぞれのスライドに、ストーリーの中での役割があります。

02

図表の数値を、確かめられる。

図表は読みやすいJSONから描画。入力値と前提を確認し、自分のデータに更新できます。

03

完成した資料を、そのまま共有。

HTMLでプレゼン、印刷でPDF、SVGをPowerPointへ。ローカルの描画にはAPIキーは不要です。

パイプライン

手元のメモから、次の会議まで

  1. 01 散らかったメモ、数値、文章
  2. 02 スライドspec（JSON）
  3. 03 SVGスライド
  4. 04 アニメーションHTMLデッキ／PDF

単一ファイルのPythonスクリプト、標準ライブラリのみ。specはコードのように版を重ねられます。

ライブ実例を見る →

2分ケーススタディを読む: 生メモ → 役員会スライド →

60秒で始める

次の資料は、ここから。

npx skills add kgraph57/mckinsey-style-visualization-skill
# For the runnable examples, clone and enter the repository:
git clone https://github.com/kgraph57/mckinsey-style-visualization-skill.git ~/.claude/skills/strategy-consulting-visualization
cd ~/.claude/skills/strategy-consulting-visualization
python3 scripts/render_slide_spec.py examples/render-specs/arr-waterfall.json -o slide.svg
python3 scripts/build_html_deck.py --manifest examples/demo-deck.json -o deck.html

ターミナルを使わず、エージェントに頼むだけでも。

strategy consulting visualizationスキルで、このメモを役員会スライドにして…