claude-presentation-master 2.1.2 → 3.0.1

package/README.md

@@ -20,15 +20,17 @@
 
 ---
 
-## What's New in v2.1.0
+## What's New in v3.0.1
 
+- **Knowledge-Driven Orchestration** — All decisions route through RuVector knowledge base (6,300+ lines of expert methodology)
+- **VisionQA Engine** — Optional Claude multimodal visual analysis for slide rendering validation
+- **NanoBanana Pro Integration** — AI image generation using Google Gemini (optional, with GOOGLE_AI_API_KEY)
+- **Multi-Agent Consensus Validation** — Expert agents (Duarte, Reynolds, Minto, Tufte, Gallo, Anderson) provide weighted assessments
+- **Semantic Completeness Validator** — Ensures presentation covers all key topics from source content
 - **7 Specialized Presentation Types** — TED Keynote, Sales Pitch, Consulting Deck, Investment Banking, Investor Pitch, Technical Presentation, All Hands
-- **Strategy Pattern Architecture** — Each type uses its own expert methodology (Duarte for keynotes, Minto for consulting, etc.)
 - **Investment Banking Charts** — Football field, waterfall, sources & uses tables, comparable companies analysis
-- **Professional Typography** — Google Fonts for each presentation type (Libre Baskerville for IB, Space Grotesk for technical, etc.)
-- **Hallucination Detection** — Zero-tolerance fact checking ensures all content is sourced from your input
-- **Auto-Remediation** — Automatically fixes quality issues until 95/100 threshold is met
-- **100% Zero Cost** — No API keys, no subscriptions, runs entirely on your machine
+- **Professional Typography** — Google Fonts for each presentation type
+- **100% Zero Cost by Default** — No API keys required, optional AI features when keys available
 
 ---
 
@@ -325,6 +327,26 @@ npx claude-presentation-master generate test.md -m keynote -f html -o ./demo
 
 ---
 
+## Example Slides
+
+<div align="center">
+
+### Keynote Style (TED-inspired)
+![Keynote Example](assets/screenshots/example-keynote.png)
+*Bold statements with dramatic contrast — designed for inspiration*
+
+### Sales Pitch
+![Sales Example](assets/screenshots/example-sales.png)
+*Persuasive metrics with trust-building colors — designed to close deals*
+
+### Consulting Deck (McKinsey-style)
+![Consulting Example](assets/screenshots/example-consulting.png)
+*Action titles with supporting data — designed for executive decisions*
+
+</div>
+
+---
+
 ## Quick Start
 
 ### From the Command Line (npx)

package/assets/presentation-engine.css

@@ -2349,6 +2349,77 @@
   font-weight: var(--font-weight-bold);
 }
 
+/* Per RuVector knowledge base (Knaflic): Minimal borders for data tables */
+.reveal .slides .data-table.minimal-borders {
+  border-collapse: collapse;
+}
+
+.reveal .slides .data-table.minimal-borders th,
+.reveal .slides .data-table.minimal-borders td {
+  border: none;
+  border-bottom: 1px solid var(--color-border);
+  padding: var(--space-3) var(--space-4);
+}
+
+.reveal .slides .data-table.minimal-borders th {
+  background: transparent;
+  border-bottom: 2px solid var(--color-primary);
+}
+
+.reveal .slides .data-table.minimal-borders tbody tr:last-child td {
+  border-bottom: none;
+}
+
+/* ==========================================================================
+   KEY INSIGHT BOX - Per RuVector (Berinato: Context First)
+   ========================================================================== */
+
+.reveal .slides .key-insight-box {
+  background: linear-gradient(135deg, var(--color-bg-secondary), var(--color-bg-tertiary));
+  border-left: 4px solid var(--color-primary);
+  border-radius: var(--radius-lg);
+  padding: var(--space-6);
+  text-align: center;
+}
+
+.reveal .slides .key-insight-box .insight-icon {
+  font-size: var(--font-size-4xl);
+  margin-bottom: var(--space-4);
+}
+
+.reveal .slides .key-insight-box .key-insight {
+  font-size: var(--font-size-lg);
+  line-height: 1.6;
+  color: var(--color-text-primary);
+  margin: 0;
+}
+
+/* ==========================================================================
+   VISUAL SUMMARY - Per RuVector (Duarte: Amplify through simplification)
+   ========================================================================== */
+
+.reveal .slides .visual-summary {
+  background: var(--color-bg-secondary);
+  border-radius: var(--radius-xl);
+  padding: var(--space-6);
+  text-align: center;
+}
+
+.reveal .slides .visual-summary .summary-header {
+  font-size: var(--font-size-sm);
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--color-text-tertiary);
+  margin-bottom: var(--space-4);
+}
+
+.reveal .slides .visual-summary .primary-point {
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-primary);
+  line-height: 1.4;
+}
+
 /* ==========================================================================
    SLIDE TYPE: VIDEO
    ========================================================================== */

package/assets/screenshots/example-consulting.html

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: 'IBM Plex Sans', -apple-system, sans-serif;
+      background: #ffffff;
+      color: #003366;
+      height: 100vh;
+      padding: 50px 70px;
+    }
+    h1 {
+      font-size: 2rem;
+      font-weight: 600;
+      margin-bottom: 40px;
+      border-bottom: 3px solid #003366;
+      padding-bottom: 15px;
+    }
+    .content {
+      display: flex;
+      gap: 50px;
+    }
+    .left {
+      flex: 1;
+    }
+    .right {
+      flex: 1;
+    }
+    h2 {
+      font-size: 1.3rem;
+      font-weight: 600;
+      margin-bottom: 20px;
+      color: #003366;
+    }
+    ul {
+      list-style: none;
+    }
+    li {
+      padding: 12px 0;
+      border-bottom: 1px solid #e0e0e0;
+      font-size: 1.1rem;
+      color: #333;
+    }
+    li:before {
+      content: "→";
+      color: #0066cc;
+      margin-right: 12px;
+    }
+    .metric-box {
+      background: #f5f7fa;
+      padding: 25px;
+      margin-bottom: 20px;
+      border-left: 4px solid #003366;
+    }
+    .metric-value {
+      font-size: 2.5rem;
+      font-weight: 700;
+      color: #003366;
+    }
+    .metric-label {
+      color: #666;
+      margin-top: 5px;
+    }
+  </style>
+</head>
+<body>
+  <h1>Digital transformation will reduce costs 25% and improve NPS by 15 points</h1>
+  <div class="content">
+    <div class="left">
+      <h2>Recommended Actions</h2>
+      <ul>
+        <li>Migrate to cloud infrastructure (Q1-Q2)</li>
+        <li>Implement customer portal redesign</li>
+        <li>Automate invoice processing</li>
+        <li>Deploy predictive analytics</li>
+      </ul>
+    </div>
+    <div class="right">
+      <div class="metric-box">
+        <div class="metric-value">$42M</div>
+        <div class="metric-label">3-Year NPV</div>
+      </div>
+      <div class="metric-box">
+        <div class="metric-value">35%</div>
+        <div class="metric-label">IRR</div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/assets/screenshots/example-keynote.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: 'DM Sans', -apple-system, sans-serif;
+      background: #000000;
+      color: white;
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 60px;
+    }
+    h1 {
+      font-size: 5rem;
+      font-weight: 700;
+      text-align: center;
+      line-height: 1.1;
+      max-width: 900px;
+    }
+    .highlight {
+      color: #e62b1e;
+    }
+  </style>
+</head>
+<body>
+  <h1>By 2030, <span class="highlight">85%</span> of jobs will be ones that don't exist today.</h1>
+</body>
+</html>

package/assets/screenshots/example-sales.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: 'Poppins', -apple-system, sans-serif;
+      background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
+      color: white;
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 60px;
+    }
+    h1 {
+      font-size: 4rem;
+      font-weight: 700;
+      margin-bottom: 20px;
+      text-align: center;
+    }
+    .subtitle {
+      font-size: 1.8rem;
+      opacity: 0.9;
+      margin-bottom: 60px;
+    }
+    .stats {
+      display: flex;
+      gap: 80px;
+    }
+    .stat {
+      text-align: center;
+    }
+    .stat-number {
+      font-size: 3.5rem;
+      font-weight: 700;
+      color: #10b981;
+    }
+    .stat-label {
+      font-size: 1.2rem;
+      opacity: 0.8;
+    }
+  </style>
+</head>
+<body>
+  <h1>Cut Costs by 40%</h1>
+  <p class="subtitle">500+ companies already did</p>
+  <div class="stats">
+    <div class="stat">
+      <div class="stat-number">$2.4M</div>
+      <div class="stat-label">Average Savings</div>
+    </div>
+    <div class="stat">
+      <div class="stat-number">92%</div>
+      <div class="stat-label">Customer Retention</div>
+    </div>
+    <div class="stat">
+      <div class="stat-number">3 Days</div>
+      <div class="stat-label">Implementation</div>
+    </div>
+  </div>
+</body>
+</html>