Enables AI assistants to view and analyze screenshots from React Native/Expo applications for AI-powered mobile UI development.

1. Click on "Install Server".

2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.

3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@ExpoSnap show 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.

claude mcp add exposnap -- npx -y exposnap

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

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

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

npm install exposnap

import { ScreenshotWrapper } from 'exposnap';

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