{"slug": "i-built-a-harness-so-i-can-watch-claude-edit-my-videos-live", "title": "I built a harness so I can watch Claude edit my videos live", "summary": "Agentcut, an open-source MIT-licensed tool, lets a coding agent such as Claude Code or Codex generate video scenes, place motion graphics and sync music from a text prompt, with every layer landing on an editable timeline. The tool requires Node.js LTS 20.10 or newer, runs entirely on the user's machine with no backend so files and API keys stay local, ships 49 motion components the agent invokes by name, and exports MP4 in the browser for wide and mobile formats. Each scene is a React component built on Remotion that users can open in their editor, and the studio, helper and all 49 components are available to fork and extend.", "body_md": "Open source · Claude Code + Codex · Remotion\n\n# Edit video with a prompt.\n\nDescribe the video you want. Your coding agent creates the scenes, places the motion graphics, and syncs the music. Every layer lands on the timeline. Then tweak anything by hand and export.\n\nFirst, install [Node.js LTS](https://nodejs.org/en/download) (20.10 or newer) and reopen your terminal. The command downloads and starts Agentcut automatically.\n\n- Prompt\nto video\n- Full layer\ncontrol\n- Motion\ngraphics ready\n- Export\nand share\n\nHow it works\n\n## Three cuts to a finished video.\n\n1. 00:00### Start the helperOne command on your computer. It uses the Claude Code or Codex you already signed in to, and keeps your projects in a folder you own. Install [Node.js LTS](https://nodejs.org/en/download) (20.10 or newer) first, then reopen your terminal. This command downloads and starts Agentcut automatically.\n2. 00:05### Say what you wantDescribe the video in the chat. The agent writes real Remotion scenes, places library components and lays out the timeline while the preview rebuilds live.\n3. 00:20### Tweak it and exportDrag clips, change any prop in the inspector, or point at a frame and ask for a fix. Export an MP4 right in the browser, wide and mobile.\n\nComponents\n\n## 49 motion components, ready to drop in.\n\n[Browse all 49](https://agentcut.synteq.app/components)\n\nTitles, lower thirds, stats, chat threads, transitions. Hover to play. The agent uses them by name, and you tune their props in the inspector.\n\n[Text & Titles](https://agentcut.synteq.app/components/kinetic-poster)\n\n### Kinetic Poster\n\nA kinetic Bauhaus poster: primary-colored circles, triangles, bars and quarter-circles step across a strict grid one move per beat, lock into a composition, then sliding color bars uncover a Swiss-style title.\n\n[AI & Product](https://agentcut.synteq.app/components/prompt-box)\n\n### Prompt Box\n\nAn AI chat input that types a request character by character, then presses send.\n\n[Charts & Stats](https://agentcut.synteq.app/components/stat-counter)\n\n### Stat Counter\n\nA big number that counts up to its value with a label, optionally inside a progress ring.\n\n[AI & Product](https://agentcut.synteq.app/components/chat-thread)\n\n### Chat Thread\n\nA chat conversation building up bubble by bubble: replies arrive after a typing indicator, your messages pop in on the right.\n\n[Text & Titles](https://agentcut.synteq.app/components/split-flap)\n\n### Split-Flap Board\n\nAn airport departures board: each character sits in its own tile and flips through random glyphs before landing, left to right.\n\n[Text & Titles](https://agentcut.synteq.app/components/sticker-slam)\n\n### Sticker Slam\n\nYour brand as a die-cut sticker in the middle while the background hard-cuts between surfaces (laptop lid, brick wall, skate deck, street sign, cardboard box…), the sticker snapping to a new tilt on every cut.\n\nStyles\n\n## One word restyles the whole video.\n\nCaptions, graphics, camera moves and texture all follow the project's style. Same clip, same edit, 8 completely different videos. Pick one and watch it slide in.\n\n[All styles and templates](https://agentcut.synteq.app/templates)\n\nUnder the hood\n\n## The timeline is a file. The video is code.\n\n- Your machine, your keys\n- The page has no backend. The agent, your files and any API keys stay on your computer.\n- Real code, not a black box\n- Every scene is a React component in your workspace. Open it in your editor any time.\n- Claude Code or Codex\n- Use whichever you have, switch in the chat. Both get the same tools and skill.\n- Open source, MIT\n- The studio, the helper and all 49 components. Fork it, extend it, ship it.", "url": "https://wpnews.pro/news/i-built-a-harness-so-i-can-watch-claude-edit-my-videos-live", "canonical_source": "https://agentcut.synteq.app", "published_at": "2026-10-23 22:48:17+00:00", "updated_at": "2026-10-23 23:12:50.143535+00:00", "lang": "en", "topics": ["ai-agents", "developer-tools", "ai-tools", "generative-ai"], "entities": ["Agentcut", "Claude Code", "Codex", "Remotion", "Node.js"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/i-built-a-harness-so-i-can-watch-claude-edit-my-videos-live", "markdown": "https://wpnews.pro/news/i-built-a-harness-so-i-can-watch-claude-edit-my-videos-live.md", "text": "https://wpnews.pro/news/i-built-a-harness-so-i-can-watch-claude-edit-my-videos-live.txt", "jsonld": "https://wpnews.pro/news/i-built-a-harness-so-i-can-watch-claude-edit-my-videos-live.jsonld"}}