diff --git a/demos/ppt-creator/create-presentation.gif b/demos/ppt-creator/create-presentation.gif
index 95ae2ed..e762d57 100644
Binary files a/demos/ppt-creator/create-presentation.gif and b/demos/ppt-creator/create-presentation.gif differ
diff --git a/demos/ppt-creator/create-presentation.tape b/demos/ppt-creator/create-presentation.tape
index d241c2e..cd5d3e7 100644
--- a/demos/ppt-creator/create-presentation.tape
+++ b/demos/ppt-creator/create-presentation.tape
@@ -2,7 +2,7 @@ Output demos/ppt-creator/create-presentation.gif
 
 Set FontSize 18
 Set Width 1400
-Set Height 700
+Set Height 800
 Set Theme "Catppuccin Mocha"
 Set Padding 30
 Set TypingSpeed 50ms
@@ -18,42 +18,59 @@ Type "# ✓ ppt-creator activates automatically" Sleep 500ms
 Enter
 Sleep 2s
 
-Type "# Stage 1-7: Content Preparation" Sleep 500ms
+Type "# Stage 2: Storyline (Pyramid Principle)" Sleep 500ms
 Enter
 Sleep 1s
-Type "  → slides.md (Marp format)" Sleep 500ms
+Type "  → Conclusion: Renewable energy adoption is accelerating" Sleep 500ms
 Enter
 Sleep 1s
-Type "  → refs.md (speaker notes)" Sleep 500ms
+
+Type "# Stage 3: Outline & Slide Titles (Assertions)" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → 12 slides with assertion-style headings" Sleep 500ms
 Enter
 Sleep 2s
 
-Type "# Stage 8b-8c: Data & Charts" Sleep 500ms
+Type "# Stage 4: Evidence & Charts" Sleep 500ms
 Enter
 Sleep 1s
-Type "  → synthetic_data.csv" Sleep 500ms
+Type "  → Selecting charts via VIS-GUIDE.md" Sleep 500ms
 Enter
 Sleep 1s
-Type "  → chart_energy_adoption.png" Sleep 500ms
+Type "  → scripts/chartkit.py generates PNG charts" Sleep 500ms
 Enter
 Sleep 2s
 
-Type "# Stage 8d: Dual-Path PPTX Creation" Sleep 500ms
+Type "# Stage 6: Speaker Notes (45-60s per slide)" Sleep 500ms
 Enter
 Sleep 1s
-Type "  → Path A: Marp CLI" Sleep 500ms
-Enter
-Sleep 1s
-Type "  → Path B: document-skills:pptx" Sleep 500ms
+Type "  → Opening → Assertion → Evidence → Transition" Sleep 500ms
 Enter
 Sleep 2s
 
-Type "# Stage 8e: Chart Insertion" Sleep 500ms
+Type "# Stage 7: Self-Check & Scoring (RUBRIC.md)" Sleep 500ms
 Enter
 Sleep 1s
-Type "  ✓ presentation_marp_with_charts.pptx" Sleep 500ms
+Type "  → Score: 82/100 (target: ≥75)" Sleep 500ms
+Enter
+Sleep 2s
+
+Type "# Stage 8: Package Deliverables (/output/)" Sleep 500ms
 Enter
 Sleep 1s
-Type "  ✓ presentation_pptx_with_charts.pptx" Sleep 500ms
+Type "  ✓ slides.md (Marp/Reveal.js format)" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ notes.md (speaker notes)" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ refs.md (citations & sources)" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ assets/*.png (generated charts)" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ presentation.pptx (if python-pptx available)" Sleep 500ms
 Enter
 Sleep 3s
diff --git a/demos/ui-designer/extract-design-system.gif b/demos/ui-designer/extract-design-system.gif
new file mode 100644
index 0000000..3d5ddda
Binary files /dev/null and b/demos/ui-designer/extract-design-system.gif differ
diff --git a/demos/ui-designer/extract-design-system.tape b/demos/ui-designer/extract-design-system.tape
new file mode 100644
index 0000000..a4a9b1e
--- /dev/null
+++ b/demos/ui-designer/extract-design-system.tape
@@ -0,0 +1,103 @@
+Output demos/ui-designer/extract-design-system.gif
+
+Set FontSize 18
+Set Width 1400
+Set Height 800
+Set Theme "Catppuccin Mocha"
+Set Padding 30
+Set TypingSpeed 50ms
+
+Type "# UI Designer - Design System Extraction" Sleep 1s Enter
+Sleep 2s
+
+Type "Extract design system from my SaaS dashboard screenshots" Sleep 1s
+Enter
+Sleep 2s
+
+Type "# ✓ ui-designer activates automatically" Sleep 500ms
+Enter
+Sleep 2s
+
+Type "# Step 1: Gather Inputs" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Reference images: reference-images/saas-dashboard/" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Project idea: ideas/project-management-app.md" Sleep 500ms
+Enter
+Sleep 2s
+
+Type "# Step 2: Extract Design System (Task tool)" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Analyzing 5 screenshots..." Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Color palette: #2563EB, #DC2626, #059669" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Typography: Inter, 14-40px" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Spacing: 4-48dp grid system" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ documents/designs/saas-dashboard_design_system.md" Sleep 500ms
+Enter
+Sleep 2s
+
+Type "# Step 3: Generate MVP PRD (Task tool)" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Interactive refinement with user..." Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Features: kanban, timeline, team chat" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ PRD completed (saved to variable)" Sleep 500ms
+Enter
+Sleep 2s
+
+Type "# Step 4: Compose Implementation Prompt" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Using vibe-design-template.md" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Combining design system + PRD" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ documents/ux-design/app_design_prompt_20251026.md" Sleep 500ms
+Enter
+Sleep 2s
+
+Type "# Step 5: Verify React Environment" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Checking for package.json with react..." Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ React project found" Sleep 500ms
+Enter
+Sleep 2s
+
+Type "# Step 6: Implement UI" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Creating 3 mobile variations" Sleep 500ms
+Enter
+Sleep 1s
+Type "  → Creating 2 web variations" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ Components: solution-a/pages/Dashboard.jsx" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ Components: solution-b/pages/Dashboard.jsx" Sleep 500ms
+Enter
+Sleep 1s
+Type "  ✓ Showcase page with all variations" Sleep 500ms
+Enter
+Sleep 3s