claude-presentation-master 2.1.2 → 3.6.0

package/README.md

@@ -20,15 +20,25 @@
 
 ---
 
-## What's New in v2.1.0
+## What's New in v3.0.2
 
+- **🖼️ Automatic Background Images** — Every slide now has a contextual background image from Unsplash (free, no API key)
+- **Smart Image Matching** — Images are selected based on slide type and content keywords
+- **Cinematic Dark Overlay** — 40% opacity images with gradient overlay for guaranteed text readability
+- **Playwright Visual QA** — Screenshot verification of every slide to ensure visual quality
+- **QA Image Verification** — Visual QA now validates that background images are present
+
+### Previous 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 +335,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)
@@ -576,7 +606,7 @@ Specify it explicitly: `presentationType: 'consulting_deck'`
 Yes — that's exactly what it's designed for.
 
 **What about images?**
-The engine generates placeholder boxes. Replace with your actual images.
+Every slide automatically gets a contextual background image from Unsplash (free, no API key required). Images are at 40% opacity with a cinematic dark overlay to ensure text readability. The image keywords are selected based on slide type and content.
 
 **Can I lower the quality threshold?**
 Yes, but not recommended: `qaThreshold: 80`

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
    ========================================================================== */