Consulting Visualization Skill ★ Star on GitHub
A FREE SKILL FOR CLAUDE CODE, CODEX & CURSOR

Turn rough notes into
consulting slides.

Add this skill to your AI agent. Turn business notes into clear charts, presentation decks and one-page PDF briefs.

See it in action Get the free skill

Works with Claude Code, Codex & Cursor.

Explore the examples. No sign-up needed.

Business notes beside a landscape slide, strategy matrix and PDF brief
A clearer story. A sharper decision.AI-generated concept · See real outputs below

22chart & slide patterns

6complete deck templates

4ways to present your work

MITfree to use & adapt

FROM INPUT TO OUTPUT

See what your notes can become.

Choose a business question. Compare the rough notes with the actual slide output.

NOTES → SLIDES → PDF
01 / YOUR NOTES
q4 board update
arr was $10m, now $15m
new enterprise +$3m
expansion +$2.5m
churn -$0.5m

need to explain the growth
Illustrative input
THE SLIDEOpen slide ↗
Enterprise growth lifts ARR from $10M to $15M
The story behind the numbers.
Actual renderer output · Illustrative dataInspect the source JSON ↗

Now bring your own business question.

Try in your browser with an Anthropic API key, or install the free skill in your AI agent.

Try your own notes ↗Install the free skill →
BEYOND A SINGLE SLIDE

A story, from opening to decision.

Explore a complete nine-slide board deck. Every slide below is generated by the skill.

Real renderer output, playing in your browser — not a mockup.

REAL OUTPUT. READY TO USE.

Walk into the meeting with the work done.

A growth review for the board. A one-page decision brief for the operating committee. See the actual deliverables, built in HTML and exported to PDF.

Growth review slide showing the drivers of ARR growth from $10M to $15M
Executive summary with three decision signalsClosing slide with recommendations and next steps
01 / BOARD REVIEW · 9 SLIDES

Explain the numbers. Make the case.

Connect growth drivers, adoption and capacity to the decisions your board needs to make.

View the full deck · PDF ↗
Complete A4 decision brief with a recommendation, capacity chart and accountable owners
02 / DECISION BRIEF · 1 A4 PAGE

Give the decision a clear next step.

Put the recommendation, supporting evidence and accountable owners on one readable page.

View the one-page brief · PDF ↗

Actual generated files · Illustrative business data · English samples

Explore the editable HTML ↗

Create in HTML. Share as PDF. Refine the narrative and charts with AI, review in your browser, and export the finished work.

Explore the consulting design study ↗
The visual library

Find the right shape for your idea.

Growth reviews, vendor comparisons, roadmaps. Start with a pattern built for the question.

All examples ↗
ARR waterfall
ARR waterfallSVG · Open preview
Pricing & retention
Pricing & retentionSVG · Open preview
Executive summary
Executive summarySVG · Open preview
Vendor benchmark
Vendor benchmarkSVG · Open preview
Project roadmap
Project roadmapSVG · Open preview
Priority matrix
Priority matrixSVG · Open preview
Board presentation
Board presentationSVG · Open preview
Japanese board summary
Japanese board summarySVG · Open preview
EDITABLE DIAGRAM STARTERS

Choose a diagram. Make it yours.

Download the JSON and place it in your installed skill folder. Edit the labels and data, then run the command below. SVG previews open at full size.

Process flow preview

Process flow

Show the steps, the owner, and the bottleneck.

Download editable JSON ↓SVG ↓
python3 scripts/render_slide_spec.py onboarding-flow.json -o flow.svg
Priority matrix preview

Priority matrix

Compare options without overlapping labels.

Download editable JSON ↓SVG ↓
python3 scripts/render_slide_spec.py product-priority-two-by-two.json -o matrix.svg
Project roadmap preview

Project roadmap

Align workstreams with dates and decision gates.

Download editable JSON ↓SVG ↓
python3 scripts/render_slide_spec.py pmo-rollout-gantt.json -o roadmap.svg
MADE FOR REAL WORK

Keep the thinking.
Skip the formatting.

Try it with your notes ↗
01

A point on every page.

Insight-led headlines connect the evidence to the decision. Each slide has a job in the story.

02

Numbers you can inspect.

Charts render from readable JSON. Trace the inputs, review the assumptions, and update the data.

03

Your work, ready to share.

Present an HTML deck, print to PDF, or insert SVG charts into PowerPoint. The local renderer needs no API key.

The pipeline

From your notes to your next meeting

  1. 01 Messy notes, metrics, prose
  2. 02 Slide spec (JSON)
  3. 03 SVG slides
  4. 04 Animated HTML deck / PDF

Single-file Python scripts, standard library only. Specs version like code.

Browse live examples →

Read the 2-minute case study: raw notes → board slide →

60-second start

Your next deck starts here.

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

Or skip the terminal and just ask your agent.

Use the strategy consulting visualization skill to turn these notes into a board slide…