Edit HyperFrames videos in the browser with your own Claude or Codex plan
A developer built a browser version of a HyperFrames-style video studio that runs on your own Claude or Codex subscription.
Source
@deifosv on X · 2026-10-21
Written in our own words. Credit to the original author. Link checked 2026-10-22.
What they did
A developer built a browser version of a HyperFrames-style video studio that runs on your own Claude or Codex subscription.
Result (as claimed)
Live as a work in progress.
Tools they used
Cost: Claude Code: from $17/mo; OpenAI Codex: free plan, paid from $8/mo.
Set it up
Collect your inputs
List what goes in (raw footage, script, topic list or audio) and the exact output you want, for example 5 vertical clips under 45 seconds. Put inputs in one folder.
Set up the tools
Open Claude Code, OpenAI Codex, HyperFrames. Connect accounts only where needed and note any per-minute or per-credit limits on the free plan before you start.
Run one piece end to end
Make a single output first. Check pacing, captions, voice and framing by watching it on a phone.
Turn it into a repeatable recipe
Save the prompts and settings that worked as a template so the next run takes minutes, then batch.
Review before you post
Watch every output before publishing. Check rights for music, likeness and footage, and label AI content where the platform requires it.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Edit HyperFrames videos in the browser with your own Claude or Codex plan What the original author did: A developer built a browser version of a HyperFrames-style video studio that runs on your own Claude or Codex subscription. Reported result (as claimed by the author): Live as a work in progress. Source: https://x.com/deifosv/status/2112980597425766468 Tools they used: Claude Code, OpenAI Codex, HyperFrames Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Edit HyperFrames videos in the browser with your own Claude or Codex plan What the original author did: A developer built a browser version of a HyperFrames-style video studio that runs on your own Claude or Codex subscription. Reported result (as claimed by the author): Live as a work in progress. Source: https://x.com/deifosv/status/2112980597425766468 Tools they used: Claude Code, OpenAI Codex, HyperFrames Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Edit HyperFrames videos in the browser with your own Claude or Codex plan What the original author did: A developer built a browser version of a HyperFrames-style video studio that runs on your own Claude or Codex subscription. Reported result (as claimed by the author): Live as a work in progress. Source: https://x.com/deifosv/status/2112980597425766468 Tools they used: Claude Code, OpenAI Codex, HyperFrames Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to make motion graphics and animated videos with Claude Code · How to use Claude Code and Codex together · How to edit videos with Claude Code and Codex · How to replace SaaS subscriptions with vibe-coded tools
Related use cases
Make motion videos with Claude Code and HyperFrames instead of Remotion
He describes a stack with no React and no Remotion team license: Claude Code writes videos as plain HTML and CSS, HyperFrames by HeyGen renders them and GSAP animates them.
Edit faceless-channel videos on a real timeline with your own coding agent
Lugh Xtudio is a desktop video studio where Claude Code, Codex or Antigravity does the editing on a real timeline and you can still adjust anything by hand. It is aimed at creators and faceless channels.
Vibe-code Remotion videos with Claude Code or Codex
Open-sourced kineto so you describe a video and Claude Code or Codex builds it on Remotion.
Automate a YouTube channel on your existing Claude Code or Codex plan instead of a video SaaS
He built Creatorize, which runs a YouTube automation pipeline locally on the Claude Code or Codex subscription you already pay for instead of a separate video SaaS.