ExpoSnap

Provides an MCP server to capture and analyze screenshots from React Native/Expo apps with AI-assisted tooling.

typescript

14

GitHub Stars

typescript

Language

4 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "edwarddjss-exposnap": {
      "command": "npx",
      "args": [
        "-y",
        "exposnap"
      ]
    }
  }
}

ExpoSnap is an MCP server that lets AI assistants view and analyze screenshots from React Native/Expo apps. It integrates with Claude, Cursor, VS Code, and other MCP-enabled editors to streamline AI-assisted mobile UI development.

How to use

To use ExpoSnap with an MCP client, ensure your editor is configured to connect to the ExpoSnap MCP server. The server is detected automatically by the Expo app wrapper, and you will see a draggable camera icon you can use to capture screenshots for AI analysis. When connected, you can capture screenshots at any point in your app for inspection by your AI tools.

Typical usage flows include configuring your editor to run ExpoSnap locally, launching your React Native app, and then using the editor’s MCP features to request or inspect screenshots. The camera icon lets you manually trigger captures, while the underlying MCP protocol handles data transfer between your app and the AI assistant.

How to install

Prerequisites: you need Node.js and npm installed on your development machine.

Install the ExpoSnap MCP package in your project.

npm install exposnap

Additional notes

The wrapper automatically discovers your MCP server and provides a draggable camera icon for manual screenshot capture.