AI HTML Slide Editor
Strategy & Operations4 Slides · 16:9 Fixed Canvas

Consulting Analysis Report

A structured 4-slide executive briefing following the pyramid principle: thesis, root-cause diagnostics, strategic pillars, and execution milestones.

Edit This Template in EditorView Generation Prompt
Desktop recommended: You can browse structure and copy prompts on mobile, but visual canvas layout and editing requires a desktop screen.

Live Presentation Preview

Loading preview…

Two Ways to Use This Presentation Deck

Option A · Direct In-Browser

Edit This Ready-Made Template

Skip AI generation entirely. Open this pre-built 4-slide HTML presentation directly in our visual editor, modify figures and text, and export clean HTML.

  1. Click "Edit This Template" to open the canvas.
  2. Click any text, metric, or card to edit visually.
  3. Export clean, self-contained HTML for presentation.
Launch Editor with This Template →
Option B · Custom AI Generation

Generate Custom Content in Claude

Use our tuned system prompt with your custom parameters, generate your bespoke deck in Claude, then bring the HTML back here for visual formatting.

  1. 1Copy the generation prompt below with your variables.
  2. 2Paste into a current Claude model to generate HTML slides.
  3. 3Save the output as an .html file.
  4. 4Return here and click Upload HTML to edit.
Jump to Structured Prompt ↓

Narrative Structure & Design Methodology

Why This Framework Works

Designed around executive communication patterns used by strategy consulting teams. Each slide carries a clear governing thought (action title), supported by mutually exclusive, collectively exhaustive (MECE) diagnostic blocks and quantifiable impact badges.

High-stakes business presentations require scannable structure. By combining horizontal metric strips with 3-column comparative cards, the deck allows senior executives to digest the narrative in under 60 seconds without visual clutter.

Slide-by-Slide Narrative Flow

1Executive Summary & Core Thesis
2Root Cause Diagnostic (3-Friction Framework)
3Strategic Action Pillars & Quantified Impact
4Four-Quarter Execution Roadmap

Best Suited For

Executive & board briefingsOperational diagnostic reviewsStrategic turnarounds & cost-optimization plansCorporate consulting deliverable decks

Claude Generation Prompt & Input Variables

This prompt asks Claude to produce clean, self-contained HTML presentations that match the editor's supported slide structure. Replace the bracketed variables before running.

Required Input Variables (Replace Before Running)

[TOPIC / CLIENT CHALLENGE]The central business situation or problem being diagnosede.g. Supply Chain Rationalization and Margin Recovery
[YOUR INDUSTRY]Specific vertical context for terminology and benchmarkse.g. Industrial Manufacturing / B2B SaaS
[PRIMARY GOAL]Quantified strategic outcome or target financial milestonee.g. Capture $40M cost reduction and reach 18% EBITDA margin
[AUDIENCE]Target decision-makers reviewing the deliverablee.g. Executive Committee / Board of Directors
Claude / AI System & Task Prompt
You are an elite management consulting presentation designer (McKinsey / BCG standard).
Generate a clean, standalone HTML presentation with a strict 16:9 fixed slide canvas (1920x1080px).

Requirements:
1. Each slide must be a <section class="slide" data-slide="true"> element.
2. Put all CSS in a single <style> tag in <head>. Do NOT use external stylesheets, scripts, or fonts.
3. Use a modern, high-contrast palette: crisp white canvas (#FFFFFF), deep charcoal text (#0F172A), slate accents (#0284C7, #0369A1), and subtle card borders (#E2E8F0).
4. Follow the Pyramid Principle: Every slide header must have a kicker, a governing action title, and a clear explanatory subtitle.
5. Structure slides into cards, metric callouts, and clean grids.

---

Create a 4-slide executive consulting presentation about [TOPIC / CLIENT CHALLENGE].
Include:
- Slide 1: Executive Summary with 3 core opportunity cards and headline metrics.
- Slide 2: Root-cause diagnosis breaking down 3 primary organizational frictions.
- Slide 3: 3 strategic pillars with target financial impact and a highlight banner.
- Slide 4: A 4-quarter implementation roadmap with milestones.

Target parameters:
- Industry: [YOUR INDUSTRY]
- Core Objective: [PRIMARY GOAL, e.g. Restore operating margin to 18.5%]
- Key Stakeholder: [AUDIENCE, e.g. Board of Directors / Executive Committee]

Editor Compatibility & Boundary Conditions

The published template is covered by parser, sanitization, and standalone export tests. The limits below describe the supported path we verified.

Verified Capabilities

  • 1920x1080 16:9 canvas layout with zero-dependency self-contained CSS
  • Visual text editing across titles, body paragraphs, and metric numbers
  • Individual card container selection, background color adjustments, and border styling
  • Standalone HTML export preserves the tested fixed-canvas layout in modern browsers

Known Limitations

  • !External font links and runtime chart JS are stripped by editor security rules
  • !Visual dragging and precise coordinate adjustments require a desktop browser mouse/trackpad

Ready to Build Your Executive Presentation?

Open this 4-slide consulting deck directly in our editor to customize text, figures, and layouts with zero setup required.

Open Template in Editor Now