explaingit

trunghaiy/appshot

26TypeScriptAudience · developerComplexity · 3/5ActiveSetup · moderate

TLDR

Tool that generates App Store and Play Store preview videos and screenshots directly from a mobile app's source code, driven by an AI coding assistant.

Mindmap

mindmap
  root((Appshot))
    Inputs
      App source code
      App icon
      Brand colors
      Config file
    Outputs
      MP4 preview videos
      Store screenshots
      Device framed scenes
      Store badges
    Use Cases
      App Store preview video
      Play Store screenshots
      Quick auto generated assets
      Standalone npx project
    Tech Stack
      TypeScript
      Remotion
      React
      Tailwind
      Agent Skills

Things people build with this

USE CASE 1

Generate App Store and Play Store preview videos from a React Native or Flutter codebase

USE CASE 2

Render device-framed screenshots at the exact sizes Apple and Google require

USE CASE 3

Let Claude Code or Cursor build the video scenes by reading the app's source

USE CASE 4

Scaffold a standalone Remotion project for store assets with npx create-appshot

Tech stack

TypeScriptRemotionReactTailwindNode

Getting it running

Difficulty · moderate Time to first run · 30min

Works best with an AI coding assistant that supports the Agent Skills spec; standalone use requires a Node toolchain and Remotion render.

In plain English

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.

Copy-paste prompts

Prompt 1
Install the appshot-core, appshot-videos, and appshot-images skills into my Expo project and ask Claude Code to produce an App Store preview video
Prompt 2
Run appshot in quick mode against my Flutter app and have it pick the brand colors and feature highlights from the code automatically
Prompt 3
Configure appshot for an iPhone 17 Pro Max preview video at the App Store required dimensions and 30 second duration
Prompt 4
Add a custom Remotion scene to appshot that shows a GitHub-style heat map of my app's daily usage between two phone-frame shots
Prompt 5
Use npx create-appshot to scaffold a standalone project for a Kotlin Android app and render the screenshots as PNGs
Open on GitHub → Explain another repo

Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.