ADBSnap — App Store Asset Studio & 4K Device Framing Engine
Zero-Config ADB Capture to Store-Ready Screenshots, GIF Stories & Multi-Store ZIPs in <1s
<1s RAM-to-4K PNG
Performance
3 Deps, <15ms Studio Boot
Runtime
6 Bezels + 8 Themes + 6 Stores
Coverage
NPM + VS Marketplace
Distribution
Application Screenshots
Project Overview
Engineered ADBSnap, an open-source automated mobile showcase and App Store asset studio distributed via npm and the VS Code Marketplace. Designed to kill manual screenshot + Figma work, it streams pristine screenshots via ADB exec-out directly into RAM, composites them with Sharp at C++ speed into 4K vector bezels (iPhone 16 Pro, Pixel 9 Pro, iPad Pro 13, Android Tablet, Frameless), renders studio-grade gradients with auto-wrapped typography, and exports multi-resolution Apple / Google bundles plus animated GIF stories. Ships as a 3-dependency native Node studio server (<15ms boot), a 12-command CLI (snap, export, wifi, journey, crawl, run, studio), an interactive React 19 visual studio with filmstrip + Spacebar capture + SSE live device sync, and a VS Code sidebar with Ctrl+Alt+S instant capture.
Key Features & Engineering
- Zero-Disk In-Memory Pipeline: ADB exec-out screencap streaming composited with Sharp — raw to 4K framed PNG in under a second
- 4K Vector Bezel Suite: iPhone 16 Pro with Dynamic Island, Pixel 9 Pro, iPad Pro 13, Android Tablet 11, Frameless floating mockup with studio shadows
- Multi-Store One-Click Export: Verified 2026 App Store 6.9 / 6.7 / 6.5 + iPad + Play Store targets bundled into organized ZIP via archiver
- Wireless ADB Suite: 1-click USB to Wi-Fi switch, Android 11+ 6-digit pairing modal, USB auto-prioritization on plug/unplug
- Animated Story Maker: Multi-screen flows compiled into looping GIFs with 500ms-4000ms pace control via gifenc quantization
- Triple Interface: 12-command CLI + React 19 visual studio (filmstrip, drag-drop import, Ctrl+C copy, Spacebar capture, SSE sync) + VS Code sidebar