App Studio Demo Capture

What this is: A Playwright-based pipeline that opens a real Domo App Studio app in an authenticated headless browser, navigates through pages, scrolls, and records a polished demo video. Captures the full production experience — left-nav, native cards, pro-code iframes, applied theme, live data.

What this is NOT: This is not Remotion. It does not render React components in Node.js or use sample data. If you need component-level rendering with synthetic data and animated cursors, use basic-custom-app-build-w-video instead.

When to Use

• After deploying an App Studio app (via app-studio + app-studio-pro-code pipeline) and you want a walkthrough video
• When the user says "demo", "walkthrough", "animated preview", "record the app", or "show me what it looks like"
• When generating eval screenshots for comparison or documentation
• When producing content for pitch decks, stakeholder reviews, or marketing

Prerequisites

1. App is deployed — the App Studio app exists on the Domo instance with all pages, cards, themes, and data
2. Playwright installed — npm install playwright in the project directory
3. Domo authentication — a valid session ID obtainable via domo login or the upload_bridge.get_sid() helper
4. ffmpeg installed (for post-processing) — brew install ffmpeg on macOS