DEV Community

shriram Singh
shriram Singh

Posted on

Introducing ADBSnap: Automated Android Screenshot & 4K Store Mockup Tool (CLI & VS Code)

If you develop mobile apps for Android, Flutter, or React Native, you know the pain: taking screenshots, transferring them to your desktop, dropping them into Figma or Photoshop templates, tweaking bezels, and re-exporting multiple resolutions for Google Play and the App Store.

I built ADBSnap to automate this entire workflow down to a single second.


⚔ What is ADBSnap?

ADBSnap is an open-source tool available on NPM and the VS Code Marketplace that:

  1. Streams live device frames into RAM: Captures directly from physical Android devices or emulators over ADB without leaving junk files on your device.
  2. Wraps in 4K Vector Bezels: Composites pixel-crisp bezels (iPhone 16 Pro with Dynamic Island, Google Pixel 9 Pro, Android Tablets, or Frameless canvas).
  3. Applies Studio Gradients & Auto-Typography: Renders marketing headlines, subtitles, and rating badges directly above the device.
  4. 1-Click App Store & Play Store Bundler: Exports all required screenshot dimensions into a ready-to-upload ZIP archive.
  5. Wireless ADB Suite: 1-click toggle between USB and Wi-Fi debugging with Android 11+ pairing support.

šŸš€ Quick Start

1. Launch the Interactive Visual Studio

You can run it right now from any terminal without installing anything:


bash
npx adbsnap studio

It boots an ultra-fast visual studio (< 15ms startup) in dedicated frameless desktop app mode.

2. Install Globally via NPM

npm install -g adbsnap

Then capture and frame your active screen with a single command:
adbsnap snap --title="Track Daily Habits" --theme=sunset --device=pixel-9-pro

3. VS Code Extension

If you prefer staying inside your editor, install the official extension directly from the Marketplace:

Search for adbsnap in the VS Code Extensions tab, or
Run code --install-extension shriramsingh.adbsnap

You can snap live screens and paste formatted mockups directly into your PR descriptions, release notes, or Markdown docs.

šŸ”— Links & Community
NPM Package: https://www.npmjs.com/package/adbsnap
VS Code Extension: https://marketplace.visualstudio.com/items?itemName=shriramsingh.adbsnap
Interactive Showcase Site: https://shriramsingh.github.io/adbsnap/
GitHub Repository: https://github.com/shriramsingh/adbsnap

I’d love to hear your feedback, feature ideas, and suggestions in the GitHub discussions!
Enter fullscreen mode Exit fullscreen mode

Top comments (0)