ExpoSnap

edwarddjss/ExpoSnap

3.4

If you are the rightful owner of ExpoSnap and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

ExpoSnap MCP Server is a tool that allows AI assistants to interact with and analyze screenshots from React Native/Expo applications, enhancing mobile UI development with AI capabilities.

ExpoSnap MCP Server

A Model Context Protocol (MCP) server that enables AI assistants to view and analyze screenshots from React Native/Expo applications. Seamlessly integrates with Claude, Cursor, VS Code, and other MCP-compatible editors for AI-powered mobile UI development.

Setup

1. Add MCP server to your IDE

Claude Code 
claude mcp add exposnap -- npx -y exposnap
Cursor

Add to .cursor/mcp.json:

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

Add to .vscode/mcp.json:

{
  "servers": {
    "exposnap": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "exposnap"]
    }
  }
}
Claude Desktop

Settings → Developer → Edit Config:

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

2. Add to your Expo app

npm install exposnap

3. Configure your React Native app

import { ScreenshotWrapper } from 'exposnap';

export default function App() {
  return (
    <ScreenshotWrapper>
      <YourApp />
    </ScreenshotWrapper>
  );
}

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

Contributing

We welcome contributions! See for details.

License

MIT - see for details.