Generate App Store and Play Store preview videos from a React Native or Flutter codebase
Render device-framed screenshots at the exact sizes Apple and Google require
Let Claude Code or Cursor build the video scenes by reading the app's source
Scaffold a standalone Remotion project for store assets with npx create-appshot
Works best with an AI coding assistant that supports the Agent Skills spec; standalone use requires a Node toolchain and Remotion render.
Appshot is a tool that produces the short preview videos and the still screenshots that mobile apps need when they are listed on the Apple App Store and Google Play. Normally people make these inside a video editor like CapCut or Canva. Appshot takes a different path: it reads your app's own source code and turns it into a video using code, with no manual editing. The project is built to be driven by an AI coding assistant. It ships as a set of skills for tools like Claude Code, Cursor, Windsurf, and Codex, following something called the Agent Skills spec. You install the skills into your mobile project, ask the assistant to make a preview video, and the assistant scans the codebase to pull out the app name, icon, brand colors, features, and store information. It then asks you a few questions about what your app does, and writes the video scenes for you. A quick mode skips the conversation and lets the assistant decide everything from the code. The README points to a real shipped example, a reading tracker called BookStreak, whose store videos and screenshots were generated this way. Under the hood Appshot is built on Remotion, which is a library for making videos with React, and styled with Tailwind. It works out of the box with React Native, Expo, Flutter, Swift for iOS, and Kotlin or Java for Android projects. There are three skills. One called appshot-core holds the foundation pieces like the device frames and config schema. Another called appshot-videos handles the preview videos. A third called appshot-images handles the still screenshots. The library includes ready-made parts such as a realistic phone frame, animated backgrounds, captions with word-by-word entrance, fade transitions, a GitHub-style heat map, and the official App Store and Play Store badges. If you do not want to use an AI agent, you can scaffold a standalone project with npx create-appshot, edit a single config file with your app's name, colors, and chosen device, preview it in the browser, and then run a build command to render an MP4. The README also lists the exact dimensions and durations the App Store and Google Play require for each device size.
Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.