diff --git a/demos/ppt-creator/create-presentation.gif b/demos/ppt-creator/create-presentation.gif index e762d57..1f87c54 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 cd5d3e7..939f475 100644 --- a/demos/ppt-creator/create-presentation.tape +++ b/demos/ppt-creator/create-presentation.tape @@ -7,70 +7,58 @@ Set Theme "Catppuccin Mocha" Set Padding 30 Set TypingSpeed 50ms -Type "# PPT Creator - Professional Presentation Generation" Sleep 1s Enter +Type "echo '# PPT Creator - Professional Presentation Generation'" Sleep 500ms Enter Sleep 2s -Type "Create a presentation about renewable energy" Sleep 1s -Enter +Type "echo 'User: Create a presentation about renewable energy'" Sleep 500ms Enter Sleep 2s -Type "# ✓ ppt-creator activates automatically" Sleep 500ms -Enter +Type "echo ''" Sleep 100ms Enter +Type "echo '✓ ppt-creator activates automatically'" Sleep 500ms Enter Sleep 2s -Type "# Stage 2: Storyline (Pyramid Principle)" Sleep 500ms -Enter -Sleep 1s -Type " → Conclusion: Renewable energy adoption is accelerating" Sleep 500ms -Enter -Sleep 1s - -Type "# Stage 3: Outline & Slide Titles (Assertions)" Sleep 500ms -Enter -Sleep 1s -Type " → 12 slides with assertion-style headings" Sleep 500ms -Enter +Type "echo ''" Sleep 100ms Enter +Type "echo '# Stage 2: Storyline (Pyramid Principle)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Conclusion: Renewable energy adoption is accelerating'" Sleep 500ms Enter Sleep 2s -Type "# Stage 4: Evidence & Charts" Sleep 500ms -Enter -Sleep 1s -Type " → Selecting charts via VIS-GUIDE.md" Sleep 500ms -Enter -Sleep 1s -Type " → scripts/chartkit.py generates PNG charts" Sleep 500ms -Enter +Type "echo ''" Sleep 100ms Enter +Type "echo '# Stage 3: Outline & Slide Titles (Assertions)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → 12 slides with assertion-style headings'" Sleep 500ms Enter Sleep 2s -Type "# Stage 6: Speaker Notes (45-60s per slide)" Sleep 500ms -Enter -Sleep 1s -Type " → Opening → Assertion → Evidence → Transition" Sleep 500ms -Enter +Type "echo ''" Sleep 100ms Enter +Type "echo '# Stage 4: Evidence & Charts'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Selecting charts via VIS-GUIDE.md'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → scripts/chartkit.py generates PNG charts'" Sleep 500ms Enter Sleep 2s -Type "# Stage 7: Self-Check & Scoring (RUBRIC.md)" Sleep 500ms -Enter -Sleep 1s -Type " → Score: 82/100 (target: ≥75)" Sleep 500ms -Enter +Type "echo ''" Sleep 100ms Enter +Type "echo '# Stage 6: Speaker Notes (45-60s per slide)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Opening → Assertion → Evidence → Transition'" Sleep 500ms Enter Sleep 2s -Type "# Stage 8: Package Deliverables (/output/)" Sleep 500ms -Enter -Sleep 1s -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 +Type "echo ''" Sleep 100ms Enter +Type "echo '# Stage 7: Self-Check & Scoring (RUBRIC.md)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Score: 82/100 (target: ≥75)'" Sleep 500ms Enter +Sleep 2s + +Type "echo ''" Sleep 100ms Enter +Type "echo '# Stage 8: Package Deliverables (/output/)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ slides.md (Marp/Reveal.js format)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ notes.md (speaker notes)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ refs.md (citations & sources)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ assets/*.png (generated charts)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ 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 index 3d5ddda..e69de29 100644 Binary files a/demos/ui-designer/extract-design-system.gif 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 index a4a9b1e..d347537 100644 --- a/demos/ui-designer/extract-design-system.tape +++ b/demos/ui-designer/extract-design-system.tape @@ -7,97 +7,76 @@ Set Theme "Catppuccin Mocha" Set Padding 30 Set TypingSpeed 50ms -Type "# UI Designer - Design System Extraction" Sleep 1s Enter +Type "echo '# UI Designer - Design System Extraction'" Sleep 500ms Enter Sleep 2s -Type "Extract design system from my SaaS dashboard screenshots" Sleep 1s -Enter +Type "echo 'User: Extract design system from my SaaS dashboard screenshots'" Sleep 500ms Enter Sleep 2s -Type "# ✓ ui-designer activates automatically" Sleep 500ms -Enter +Type "echo ''" Sleep 100ms Enter +Type "echo '✓ 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 +Type "echo ''" Sleep 100ms Enter +Type "echo '# Step 1: Gather Inputs'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Reference images: reference-images/saas-dashboard/'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → 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 +Type "echo ''" Sleep 100ms Enter +Type "echo '# Step 2: Extract Design System (Task tool)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Analyzing 5 screenshots...'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Color palette: #2563EB, #DC2626, #059669'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Typography: Inter, 14-40px'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Spacing: 4-48dp grid system'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ 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 +Type "echo ''" Sleep 100ms Enter +Type "echo '# Step 3: Generate MVP PRD (Task tool)'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Interactive refinement with user...'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Features: kanban, timeline, team chat'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ 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 +Type "echo ''" Sleep 100ms Enter +Type "echo '# Step 4: Compose Implementation Prompt'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Using vibe-design-template.md'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Combining design system + PRD'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ 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 +Type "echo ''" Sleep 100ms Enter +Type "echo '# Step 5: Verify React Environment'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Checking for package.json with react...'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ 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 +Type "echo ''" Sleep 100ms Enter +Type "echo '# Step 6: Implement UI'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Creating 3 mobile variations'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' → Creating 2 web variations'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ Components: solution-a/pages/Dashboard.jsx'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ Components: solution-b/pages/Dashboard.jsx'" Sleep 500ms Enter +Sleep 500ms +Type "echo ' ✓ Showcase page with all variations'" Sleep 500ms Enter Sleep 3s