ExpoSnap
Enables AI assistants to view and analyze screenshots from React Native/Expo applications for AI-powered mobile UI development.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@ExpoSnapshow me the latest screenshot from the login screen"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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.
Related MCP server: Screen View MCP
Setup
1. Add MCP server to your IDE
claude mcp add exposnap -- npx -y exposnapAdd to .cursor/mcp.json:
{
"mcpServers": {
"exposnap": {
"command": "npx",
"args": ["-y", "exposnap"]
}
}
}Add to .vscode/mcp.json:
{
"servers": {
"exposnap": {
"type": "stdio",
"command": "npx",
"args": ["-y", "exposnap"]
}
}
}Settings → Developer → Edit Config:
{
"mcpServers": {
"exposnap": {
"command": "npx",
"args": ["-y", "exposnap"]
}
}
}2. Add to your Expo app
npm install exposnap3. 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 CONTRIBUTING.md for details.
License
MIT - see LICENSE for details.
This server cannot be deployed
Maintenance
Related MCP Connectors
Screenshot, PDF and HTML-to-image rendering API so Claude and Cursor can see any web page.
Screenshot, PDF and HTML-to-image rendering API so Claude and Cursor can see any web page.
OCR, transcription, file extraction, and image generation for AI agents via MCP.
Run, debug, and triage tests from your IDE using natural language, no dashboard switching, no manual data transfers. The TestMu AI (formerly LambdaTest) MCP Server is a single remote server exposing four tool suites: HyperExecute — analyze your project, generate YAML configs and test runner commands, then monitor jobs and sessions. Automation — pull a TestID's details plus command, network, and console logs into one chat for instant root-cause analysis. Includes mobile app upload. SmartUI — explain pixel, layout, DOM, and perceptual changes in a visual regression run, with context-aware React/HTML/CSS fixes. Accessibility — audit any public URL or a local React app against WCAG and get ready-to-apply remediation steps. Connects over https://mcp.lambdatest.com/mcp using OAuth 2.1 — no API keys in your config. One-click install in Cursor; works with Claude, GitHub Copilot, Cline, and any MCP client. Tests execute on the TestMu AI cloud: 3,000+ browsers and 10,000+ real devices.
Related MCP Servers
- AlicenseBqualityDmaintenanceEnables AI agents to capture screenshots from Android devices and emulators, and manage connected devices for UI analysis and testing. Supports device listing, screenshot capture, and integrates with Claude Desktop, Gemini CLI, and GitHub Copilot.238 npm24MIT
- AlicenseDqualityDmaintenanceEnables AI assistants to capture and analyze screenshots using Claude Vision API, providing AI-powered insights about desktop interface content, UI elements, and visual layouts.250 npm2MIT
- AlicenseBqualityDmaintenanceEnables AI agents to inspect, log, and control React Native apps on Android emulators or iOS simulators, including UI tree, tap, scroll, and hot reload.22989 npm5MIT
- AlicenseBqualityDmaintenanceGenerates React Native/Expo UI components using AI, integrates with Claude Desktop to create and optimize Tamagui-based components via natural language commands.62MIT