Screen recordingCAN I VIBECODE
Arcade?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Arcade is a screen recording and interactive demo platform for product walkthroughs. Capture methods include a Chrome extension, a free desktop app, and media upload (MP4, images, PDFs, YouTube links). The desktop app supports full-display, window, custom-area, and connected-mobile-device capture (iOS via macOS only). Users create either interactive click-through demos or traditional video recordings, then edit in a browser editor with trim, annotate, split, and export. Arcade Desktop 2.0 adds Avery AI (GPT-4o vision) for polish and AI voiceovers. A Figma plugin imports PNG frames. Claims to require no technical/creative team and produce on-brand demos. Pricing and detailed platform limitations were not independently verified beyond official site and docs.
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build FlowCapture, a distinct open-source alternative to Arcade (arcade.software) for screen recording and interactive product demos. Do not copy Arcade's brand, marketing site, or UI; create your own visual language.
Workflow: (1) Record via an Electron/Tauri desktop app or Chrome extension (tabCapture/getDisplayMedia), or upload existing MP4/image/PDF. Capture modes: full display, window, custom region, or connected device (Android via ADB, iOS via macOS QuickTime). (2) Upload frames/audio to a Node.js backend with resumable uploads. (3) In a React/Svelte web editor, trim the timeline, split steps, add annotations (arrows/text), blur sensitive areas, and place clickable hotspot rectangles on frames that branch to other steps (interactive mode) or play linearly (video mode). (4) Optional script-based AI voiceover via OpenAI TTS or a local engine, synced per step. (5) Export/share: hosted interactive player with iframe embed, or MP4 via ffmpeg.
User-facing requirements: editor timeline with thumbnail scrubbing, undo/redo, preview, publish with optional password/expiry, free tier with caps. Technical requirements: JSON step model with hotspot coordinates, WebP/JPEG frame storage, ffmpeg muxing, PostgreSQL or SQLite, S3-compatible object storage, WebSocket upload progress.
Out of scope: team collaboration, analytics dashboards, CRM integrations, mobile viewing apps, Figma plugin, AI editing beyond simple TTS.
Deliver a README with full setup (env vars, database, ffmpeg, TTS keys), architecture overview, and known limitations (device capture platform-dependent, no real-time multi-user editing, storage costs for long videos).