Enables AI assistants to view and analyze screenshots from React Native/Expo applications for AI-powered mobile UI development.
Click on "Install 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.
Setup
1. Add MCP server to your IDE
Add to .cursor/mcp.json:
Add to .vscode/mcp.json:
Settings → Developer → Edit Config:
2. Add to your Expo app
3. Configure your React Native app
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.