# Klevo > Klevo is the user's demo-video assistant, an MCP server: he records demo videos of web apps. Claude, ChatGPT, Cursor and Claude Code connect to it (https://klevo.si/mcp), drive the user's app click by click in a browser on Klevo's servers, and get back an MP4 with a smooth cursor, zooms on the key clicks, captions, a device frame (browser, phone, tablet or none) and an intro card, in 16:9, 9:16, 1:1 or 4:5. Every video comes from a reproducible JSON script, so it re-renders on the current UI in any format without recording again; a failed step comes back as a bug report. Logins run from saved, encrypted secrets before recording starts. Free renders 3 videos a month at 720p in the default look with a watermark, up to 20 steps each; Pro renders 1080p without it, up to 120 steps, and unlocks any frame or none, Google Fonts, custom backgrounds, click sounds, step editing and hiding the captions, intro or outro; Ultra adds full product tours up to 240 steps. Narration (a Fast or Advanced voice model, two dozen voices) runs on voice credits: one credit reads 1,000 characters with Fast, Advanced spends 2; Free starts with 10 once, Pro gets 200 a month and Ultra 500 (rolling over up to three months), and packs of 50 for $4 or 200 for $12 never expire. A first Pro or Ultra subscription starts with a 7-day free trial: nothing is charged if it is cancelled before the trial ends. Plans: Free (Try it on the app you already have), Pro (Demos that never go stale), Ultra (Full product tours, narrated). Every public page is also served as Markdown: add `.md` to its URL (https://klevo.si/index.md for the home page), or request it with `Accept: text/markdown`. ## Start here - [Klevo home](https://klevo.si/): what Klevo is, how recording inside the chat works, plans and prices - [Connect Klevo to Claude, ChatGPT and Cursor](https://klevo.si/blog/connect-klevo-to-claude-chatgpt-and-cursor): setup for each app - [How to record a demo video of your app with Claude](https://klevo.si/blog/how-to-record-a-demo-video-of-your-app-with-claude): the prompt, the steps, login secrets, formats - [Demo videos that never go stale](https://klevo.si/blog/demo-videos-that-never-go-stale): the reproducible script and re-rendering ## Blog - [Screen Recorder With Auto Zoom: 4 Ways to Get It](https://klevo.si/blog/screen-recorder-with-auto-zoom): How a screen recorder with auto zoom works, the four kinds of tool that do it (Mac, Windows, browser, AI-driven), and which one fits a product demo. - [Supademo Alternative for Video Demos of Your Web App](https://klevo.si/blog/supademo-alternative): Looking for a Supademo alternative? When an interactive demo is right, when a video demo of your web app fits better, and how to make one from a chat. - [How to Add Zoom to a Screen Recording (3 Ways)](https://klevo.si/blog/how-to-add-zoom-to-screen-recording): How to add zoom to a screen recording: keyframes in an editor, an auto-zoom recorder, or zooms rendered from the clicks themselves. When each one fits. - [SaaS Explainer Video: Animated or Your Real Product?](https://klevo.si/blog/saas-explainer-video): A SaaS explainer video is either an animated story or your real product in action. What each is good for, and how to make the product one fast. - [Product Videos for Marketing: 5 Types a SaaS Needs](https://klevo.si/blog/product-videos-for-marketing): The five product videos a SaaS uses in marketing, from the homepage loop to the launch clip, where each one goes, and how to make them from one recording. - [App Promo Video for a Web App: What to Show, How to Make It](https://klevo.si/blog/app-promo-video): How to make an app promo video for a web app: the one flow to show, the formats each channel needs, and how to record it in a phone frame without editing. - [Walkthrough Video: How to Make One for Your Web App](https://klevo.si/blog/walkthrough-video): How to make a walkthrough video of your app or software: pick the flow, write one caption per step, record it once and re-render it when the UI changes. - [Software Tutorial Video: One Per Feature, Kept Current](https://klevo.si/blog/software-tutorial-video): How to make a software tutorial video for each feature of a web app: one task per video, captions per step, and a re-render after each release. - [Screen Studio for Windows: Is There One, and What to Use](https://klevo.si/blog/screen-studio-for-windows): Is there Screen Studio for Windows? No: it is macOS only. What Windows users can use for the same smooth cursor, zooms and frames in their product demos. - [Product Launch Video for SaaS: One Recording, Every Channel](https://klevo.si/blog/product-launch-video): How to make a SaaS product launch video without a video team: one real flow, recorded once, rendered in 16:9, 9:16 and 1:1 for every place the launch goes. - [Product Demo Script: a Template for SaaS Demo Videos](https://klevo.si/blog/product-demo-script): A product demo script template for SaaS videos: the goal, the starting screen, one action and caption per step, and the closing card. With a filled example. - [Playwright Video Recording vs a Product Demo Video](https://klevo.si/blog/playwright-video-recording): Playwright video recording gives you a raw WebM of a test run. What it does well, what a product demo needs on top, and how to get there without building it. - [Landing Page Video: What to Show Above the Fold](https://klevo.si/blog/landing-page-video): What a SaaS landing page or homepage video shows: one real flow, 5 to 10 steps, captions that work muted, and a clip you can re-render when the UI changes. - [iPhone Mockup Video of Your Web App, Without Editing](https://klevo.si/blog/iphone-mockup-video): How to get an iPhone mockup video of your web app without a mockup template: record the flow on a phone viewport and render it in a phone frame, 9:16 or 16:9. - [How to Make a Product Demo Video for Your SaaS](https://klevo.si/blog/how-to-make-a-product-demo-video): How to make a product demo video for a SaaS in six steps: choose the flow, prepare demo data, caption each step, record it clean and render each format. - [Cursorful Alternative for Web App Demos: When to Switch](https://klevo.si/blog/cursorful-alternative): Looking at Cursorful or another auto zoom screen recorder? When it is the right pick, and when an AI-recorded, re-renderable demo of your web app fits better. - [Can Claude Make Videos? Yes, of Your App, Through MCP](https://klevo.si/blog/can-claude-make-videos): Can Claude make videos? Not from pixels on its own, but with an MCP connector it can drive your web app and hand back a finished MP4 demo. Here is how. - [Can ChatGPT Make Videos? What Works for a Product Demo](https://klevo.si/blog/can-chatgpt-make-videos): Can ChatGPT make videos of your app? A generated clip will not show your real product, but ChatGPT with an MCP connector can record a true demo as an MP4. - [AI Screen Recording: Let the AI Click, You Get the MP4](https://klevo.si/blog/ai-screen-recording): What AI screen recording can mean for product demos: AI polish on your own take, or an AI that drives your web app and records the demo for you. How each works. - [Loom Alternative for Product Demos, With a Free Plan](https://klevo.si/blog/loom-alternative-for-product-demos): Looking for a Loom alternative, or a free one? Which tool fits which job, when Loom is still right, and when a re-renderable demo of your app is better. - [Interactive Demo vs Demo Video: Which to Use Where](https://klevo.si/blog/interactive-demo-vs-demo-video): What an interactive demo is, where interactive demo software wins, where a demo video wins, and when a video is the Supademo or Storylane alternative. - [Software Demo Video Examples: 6 Flows Worth Recording](https://klevo.si/blog/software-demo-video-examples): Six software demo video examples by flow type, with the steps, the captions and the format for each, so you can record the right clip instead of a generic tour. - [Screen Studio Alternative for Windows and Web App Demos](https://klevo.si/blog/screen-studio-alternative): Looking for a Screen Studio alternative on Windows or Linux? What the polish is, when a Mac recorder is right, and when an AI-driven demo of your app is better. - [Record a Mobile Demo of a Responsive Web App](https://klevo.si/blog/record-a-mobile-demo-of-a-responsive-web-app): How to record a demo of your web app as it looks on a phone, with taps instead of a cursor, and render it in a phone frame for stories, Reels or a landing page. - [Record a Demo of an App Behind a Login](https://klevo.si/blog/record-a-demo-of-an-app-behind-a-login): How to record a demo of a web app that needs a login without the sign-in screen in the video: test accounts, storage state for SSO and two-factor, magic links. - [Product Hunt Demo Video: What to Show and How to Make It](https://klevo.si/blog/product-hunt-demo-video): What a Product Hunt demo video needs to show in its first slot, how many steps, which format, and a way to record it from a chat the night before launch. - [Keep Demo Videos Current After Every Release](https://klevo.si/blog/keep-demo-videos-current-after-every-release): A release checklist for demo videos: which clips to re-render, how to find the ones a UI change broke, and how to replace them everywhere in under an hour. - [How to Record a Demo Video of Your App With Claude](https://klevo.si/blog/how-to-record-a-demo-video-of-your-app-with-claude): A practical walkthrough of recording a product demo with Claude and Klevo: the prompt, what happens at each step, login secrets, formats and re-rendering. - [How Long Should a Demo Video Be? Steps, Not Seconds](https://klevo.si/blog/how-long-should-a-demo-video-be): Demo video length is a step count in disguise. How to choose the number of clicks for a landing page, a launch post, a changelog and a help article. - [A Failed Demo Step Is a Bug Report (and a Smoke Test)](https://klevo.si/blog/failed-demo-step-bug-report-smoke-test): When a demo render fails you get the step, a screenshot and the console. How to read it, when it means a regression, and how demo scripts double as smoke tests. - [Demo Videos Without Real Customer Data](https://klevo.si/blog/demo-videos-without-real-customer-data): How to record product demos that never show a real customer: a demo workspace with plausible data, a test login, blurred sensitive fields and a checklist. - [Demo Videos That Never Go Stale: the Reproducible Script](https://klevo.si/blog/demo-videos-that-never-go-stale): Why re-recording is the real cost of product demos, and how a small JSON script re-renders the same demo on the current UI, in any format, after every change. - [Demo Videos for Onboarding Emails and Help Centers](https://klevo.si/blog/demo-videos-for-onboarding-emails-and-help-centers): How to use short demo videos in onboarding emails and help articles: one task per clip, where to host it, how to link it, and how to keep it current. - [Demo Video Formats and Device Frames by Channel](https://klevo.si/blog/demo-video-formats-and-device-frames-by-channel): Which aspect ratio, device frame and style to render a product demo in for a landing page, Product Hunt, X and LinkedIn, stories, a changelog and a help center. - [Connect Klevo to Claude, ChatGPT and Cursor](https://klevo.si/blog/connect-klevo-to-claude-chatgpt-and-cursor): Step-by-step setup for Klevo in Claude.ai, the Claude apps, ChatGPT, Cursor, VS Code and Claude Code, plus the first demo to record once it is connected. - [Claude MCP Demo Video: How the Recording Works](https://klevo.si/blog/claude-mcp-demo-video): What happens when Claude records a demo video of your app through an MCP server: the tools it calls, what it sees after each step, and where the video renders. - [Captions That Explain a Demo Flow (With Examples)](https://klevo.si/blog/captions-that-explain-a-demo): A demo caption is one line that says why the click matters. Rules, examples and a prompt for captions that explain the flow instead of narrating the cursor. - [AI Product Video Generator for Software Demos](https://klevo.si/blog/ai-demo-video-generator): What an AI product video generator should do for a software product: record the real flow in your app, not a montage. A checklist, prices and a free test. - [A Demo for Every Changelog Entry, in Ten Minutes](https://klevo.si/blog/a-demo-for-every-changelog-entry): A ten-minute routine for shipping a short demo clip with every changelog entry: two to four steps, snappy style, recorded from the release notes themselves. ## Optional - [Terms](https://klevo.si/terms) - [Privacy](https://klevo.si/privacy) - [Refunds](https://klevo.si/refunds): no refunds: a 7-day free trial instead, then subscriptions cancel any time; credit packs only while unused, within 7 days - [Sitemap](https://klevo.si/sitemap.xml) - [Everything above plus every blog post in full](https://klevo.si/llms-full.txt)