kelly-demo-video-factorylisted

Plan, verify, and track demo/marketing video production in Busabase — idea to hook/pain-point/storyboard, codebase claim verification, recording progress, post-production handoff, and HyperFrame (Remotion) linkage. Use when the user invokes $kelly-demo-video-factory or /kelly-demo-video-factory, wants to plan a product demo video, write a storyboard, verify a video script's product claims against the codebase, track which shots are recorded, or hand a finished storyboard off to editing/Remotion.
mr-kelly/skills · ★ 5 · Code & Development · score 71

Install: claude install-skill mr-kelly/skills

# Kelly Demo Video Factory ## Overview This skill plans product demo/marketing videos end to end: capture the idea (hook, pain point, concept), build a shot-by-shot storyboard, verify every product claim against the real codebase, track recording progress per shot, and hand off to post-production / Remotion (HyperFrame). It follows the standard App-in-Skill shape: a read-only AirApp (`content/kelly-demo-video-factory-app/`) renders the pipeline for a human, while **Busabase is the system of record** — `videos` and `video-shots` are real Bases, editable directly in the Busabase web app or through this skill's scripts. The browser talks to Busabase directly (via `busabase-sdk` through a same-origin OAuth proxy, `content/kelly-demo-video-factory-app/server.js`) — there is no server-side JS/TS data layer holding credentials. The AirApp never writes to Busabase itself; it is a dashboard, not an editor (see Boundary). Default interaction mode: App UI. Start it with `pnpm --dir content/kelly-demo-video-factory-app start` (or `node content/kelly-demo-video-factory-app/server.js`) and report the actual local URL — the first run on a fresh machine needs `pnpm --dir content/kelly-demo-video-factory-app install && pnpm --dir content/kelly-demo-video-factory-app run build:sdk` first. All record writes (proposing videos/shots, marking recording status) go through `scripts/*.mjs`, not the app. ## App UI Screenshots <table> <tr> <td width="50%"><img src="assets/screenshots/videos.