For AI assistants
Connect Frame24 to ChatGPT, Claude, Gemini or a coding agent in about two minutes. Your assistant understands the product, captures your real UI, agrees the story with you and hands back a finished, narrated product film.
Three trial films · Card required · Sign in once from your agent
In plain terms
Your first request
The example above is a finished Frame24 product film. Connect your assistant below, open your own product's repository, and use this prompt to start yours. The assistant will confirm access and show you the story and cost before rendering.
Try one revision
Open your Frame24 project and name the scene you want to change. Use this example request, then review the proposed revision and credit cost before approving regeneration.
Install
Pick your agent. Every client signs in the same way: a browser tab opens, you sign in to Frame24 and click Allow. No API key, nothing to paste back.
1Run in your terminal.
claude mcp add --transport http frame24 https://studio.frame24.app/api/mcp2Start Claude Code, type /mcp, choose frame24 and Authenticate. Sign in to Frame24 in the browser tab that opens and click Allow.
3Open your product's repository and ask: “Make a 30 second product film of this app with Frame24.”
ChatGPT, Claude or Gemini? Add Frame24 as a custom connector — no repository needed; the assistant interviews you and captures your app in Frame24's secure browser. Step-by-step guides with pictures →
Any other MCP client with Streamable HTTP and OAuth works too — the server is
How it works
The same wizard a person walks through in the app — driven from your repository instead.
It explains what will happen and why it needs each kind of access, confirms the public website — repositories are full of staging and preview URLs — and how much of the codebase it may use. After every step you get a clear status: working, waiting for you, ready for your review, or done.
It reads the code for what the product does, who it is for and what the features are really called, creates the Frame24 project, adds those facts to the knowledge base every script is written from, and sets your exact brand from the design tokens and logo files.
It clicks through one user journey and captures each screen as a real component — from the app running locally, or in Frame24's secure browser where you sign in yourself. Then it shows you every captured screen and flags anything the story needs that is missing. Your password never reaches the agent; nothing is installed in your product.
Frame24's understanding of the product (and the images it found on your site), the captured screens against the story, and the scene-by-scene storyline with its cost. Nothing renders until you approve.
It tells you the cost first. Frame24 animates the scenes, records narration, music and sound, and renders the film; you get an email when it is ready, and the agent gives you the link.
It can put the film in your repo and embed it on your landing page (downloads follow your plan), make 9:16 and square versions, and write the launch posts. Next time you ship, ask for a film of just the new feature.
Real components
A screenshot is faithful and frozen. A DOM capture is the screen as elements and text, so the film can use it the way the product is used.
| DOM capture (agent runs your app) | Screenshot | |
|---|---|---|
| Cursor clicks a real button | Yes — targets the actual element | Approximated over pixels |
| Highlight one control | Yes, by element | Only by cropping |
| Change a label or a number | Yes — text is re-typed | No |
| Re-laid-out for 9:16 | Composed per format | Re-framed from one image |
| Works for native or desktop apps | No | Yes |
Safe by design
You sign in to Frame24 and approve the agent in your browser. There is no API key to copy, store or leak.
Every tool goes through the same API as the web app, with the same checks on access, credits and paid options. Admin functions are unreachable.
A project is only created once you have confirmed the website and how much of the codebase to use. Rendering and share links are marked as actions that need your approval.
Local files and captured screens travel through signed links tied to you, one project and a short time window, re-checked on every request.
Straight answer
Questions
No. Frame24’s MCP server directs a managed product-film workflow. Remotion’s framework and agent skills let you build and maintain video code. Both can work with coding agents; choose Remotion for composition-source ownership and Frame24 for a finished branded film you direct through a managed project.
Open the existing Frame24 project in your agent, identify the scene and describe the change. Ask for a proposed revision and its cost before approving regeneration. The agent uses your account permissions; it should not invent UI, new product features or customer results.
Run `claude mcp add --transport http frame24 https://studio.frame24.app/api/mcp`, start Claude Code, type /mcp, choose frame24 and Authenticate. Your browser opens; sign in to Frame24 and click Allow. There is no API key to copy.
Yes. Frame24 works inside ChatGPT, Claude and Gemini as a connected app, and in coding agents through the same MCP service. Without a codebase the assistant works from your website and interviews you; for real product screens it opens your app in Frame24's secure browser, where you sign in yourself and it captures the journey.
Yes, with the Frame24 MCP server connected. The agent does the research and the direction from your codebase; Frame24 writes the storyline, animates the scenes, records narration, music and sound, and renders the MP4. Codex connects with `codex mcp add frame24 --url https://studio.frame24.app/api/mcp` and `codex mcp login frame24`; Cursor with the Add to Cursor button above.
Your real UI, when it can run the app. The agent opens each screen locally with Playwright and sends it to Frame24 as a DOM capture — real text and elements, so the film can click actual buttons, highlight a control or re-type a label. For a native or mobile app, or one that will not run, the agent renders your own components from the code — a Storybook, a web build or a small harness page — and captures that. Frame24 does not take screenshots or screen recordings.
It connects through OAuth: you sign in to Frame24 and approve the agent, and it then acts with exactly your permissions — nothing an agent does is possible that you could not do in the app. It cannot reach admin functions, every paid step spends your credits as the app does, and it must have your answers before it creates a project, and rendering is marked as an action that needs your approval.
The same as in the app. The 3-day card-required trial includes three 30-second films; downloading a finished film is $20, and plans start at $39 a month for 450 credits. The agent's own model usage is billed by your agent provider, not by Frame24.
When there is no codebase to learn from — a marketing site built by an agency, say — the web app with your URL gives the same film with less setup. And if you want to hand-code every frame yourself, Remotion's own agent skills are the better tool; Frame24 is for getting a finished, directed film rather than writing the animation.
Yes: Frame24. Its MCP server at studio.frame24.app/api/mcp lets a coding agent make a finished, narrated product film of your own app — the agent learns the product from your codebase, captures your real screens, checks the storyline with you, and Frame24 renders the MP4 with voiceover, captions and music. You sign in once in the browser; there is no API key.
Connect Frame24's MCP server, then ask for a film in plain words. In Claude Code run `claude mcp add --transport http frame24 https://studio.frame24.app/api/mcp` and authenticate with /mcp; in Cursor use the Add to Cursor button on this page. The agent reads your code for real feature names and brand colours, captures your screens, shows you the storyline and starts the film once you approve it.
Frame24 does: the same MCP server connects to VS Code (agent mode), Windsurf and Gemini CLI, as well as Claude Code, Codex and Cursor, with the install steps for each on this page. Each client signs in to Frame24 in the browser on first use, and every film is made from your real product and brand rather than stock footage.
Create your Frame24 account, connect your agent, and ask it for a 30-second film of your product.
Start your free trial Three trial films · Card required · Sign in once from your agent