

Video 1 of 1Wireframe logo globe gets recolored in a design tool
Open video page

Product ScreensENRemotion
Claude Code · Codex


One balance of credits for AI videos and AI images. Subscribe monthly or yearly, or buy a credit pack once.
Pay once · no subscription
Videos per pack
Pay once · no subscription
Videos per pack
Pay once · no subscription
Videos per pack
Billed monthly
Videos per month
Billed monthly
Videos per month
Billed monthly
Videos per month
Billed annually · $240 → $192/year
Videos per month
Billed annually · $600 → $480/year
Videos per month
Billed annually · $1,200 → $960/year
Videos per month
Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.
What Design Tool Demo does, which agents run it, the keys it needs, and how to install it.
Design Tool Demo is an agent skill by Potto for making Product Screens videos. Create 20–35-second, 16:9 demos of design tools and editor UIs with dark chrome and light canvases, a switch hook, bold title card, animated property panels and captions, a 3D…
Design Tool Demo is a premium skill. It comes with any paid Potto plan (Lite, Pro or Max), or you can buy it once for $5 and keep it.
The Design Tool Demo skill is written in English. It makes on-screen text in any language you give it.
Design Tool Demo builds on Remotion. Install Bun, Python 3, and FFmpeg before you run it.
Design Tool Demo produces MP4.
Design Tool Demo runs in Claude Code and Codex, or in any other agent that reads SKILL.md.
No. Design Tool Demo works without any extra API key.
Copy the install prompt for Design Tool Demo from this page and paste it into your agent, or download its ZIP.
Design Tool Demo was used to make 1 video in the Potto gallery, such as Wireframe logo globe gets recolored in a design tool.
Potto has Design Tool Demo v1.0.0, updated Oct 21, 2026. Copy the install prompt again to get the latest version.