Mobile Xray MCP
Enables AI-powered screenshot capture and UX/UI analysis of iOS simulators and Android emulators directly from your IDE.
README
Mobile Xray MCP
š¬ Take screenshots and analyze your mobile apps with AI assistance - right from your IDE.
Privacy First ⢠Built by Developers for Developers ⢠Works Locally
About
I've been building mobile apps for the last 10 years, and one thing that's been consistently challenging without a dedicated UX designer is knowing whether the screens I create are actually user-friendly and intuitive.
Now, this has become dramatically easier. With Mobile Xray MCP, you can ask your favorite AI-powered IDE (Claude, Cursor, Windsurf, VS Code) to take a screenshot of your app and give you instant suggestions on what to improve. No more guessing about UI/UX decisions - get feedback directly in your development workflow.
This tool bridges the gap between development and design by bringing mobile app analysis capabilities directly into your coding environment, making it easier than ever to create polished, user-friendly mobile applications.
Features
- š Privacy First: All automation happens locally on your machine - your app screenshots and data never leave your device
- ā” Fast: Direct communication with local simulators and emulators for instant feedback
- š± Cross-Platform: Supports both iOS simulators and Android emulators
- š¤ AI-Powered: Integrates seamlessly with AI coding assistants for intelligent analysis
- šØāš» Developer-Focused: Built by developers who understand the mobile development workflow
ā” Quick Start
Prerequisites: Node.js 18+, iOS Simulator or Android Emulator
Add to your IDE config file:
{
"mcpServers": {
"mobile-xray": {
"command": "npx",
"args": ["-y", "@cultivx/mobile-xray-mcp"]
}
}
}
Test: Restart IDE ā Start simulator ā Ask: "Take a screenshot of my iOS simulator"
Setup Details
Prerequisites
System Requirements:
- Node.js 18+ (check with
node --version) - macOS 10.15+ (for iOS development)
- macOS/Windows/Linux (for Android development)
For iOS Development:
- Xcode Command Line Tools:
xcode-select --install - Xcode with iOS Simulator support
- At least one iOS Simulator installed
For Android Development:
- Android Studio (includes
adbandemulatorcommands) - Android SDK tools in your PATH
- At least one Android Virtual Device (AVD) created
Verify Your Setup:
# Test Node.js version
node --version # Should show v18.0.0 or higher
# Test iOS tools (macOS only)
xcrun simctl list devices | head -5
# Test Android tools
adb version
Setup Instructions
For Cursor: See Cursor MCP Documentation
For Claude Desktop: See Claude MCP Quickstart
For Windsurf: See Windsurf MCP Documentation
For VS Code: See VS Code MCP Documentation
Note: This MCP server works with any AI coding assistant that supports the Model Context Protocol.
Basic Usage
- Start your mobile simulator/emulator
- Open your AI chat in your IDE
- Ask for a screenshot: "Can you take a screenshot of my iOS simulator?"
- Get AI analysis: "What can I improve about this screen's UX?"
Example Prompts
Platform & Setup
Check which platforms are currently supported by the mobile-xray-mcp on my machine
Accessibility
Take a screenshot of my iOS simulator and tell me what accessibility features I should add
Screenshot my current screen and check if the color contrast meets accessibility standards
UI/UX Feedback
Take a screenshot of the current iOS simulator, and find the code that is related to it, then propose some improvements without making any changes
Take a screenshot of my app and suggest improvements for mobile-first design principles
Analyze the current screen layout and suggest improvements for better user flow
Change and Verify
Make changes and verify your changes work well by taking a screenshot
Troubleshooting & FAQ
Issues:
- "No simulators found": Start your simulator with
open -a Simulator(iOS) or checkadb devices(Android) - MCP not connecting: Restart your IDE after adding config, verify JSON syntax is correct
- "Command not found": Install Xcode Command Line Tools (
xcode-select --install) or ensure Android SDK is in PATH
Common Questions:
- Frameworks: Works with React Native, Flutter, Xamarin, or any app in simulator/emulator
- Physical devices: Not yet supported, simulators/emulators only
- Privacy: The MCP server operates locally and doesn't collect or send any data. Screenshot images are sent to your AI service by your IDE for analysis
- Offline: Screenshots work offline, AI analysis needs internet connection
Current Features
ā Platform Detection: Automatically checks which mobile platforms are available on your system
ā Privacy First: All processing performed by the MCP server happens locally - no data sent to external servers. However, screenshot images will be sent to your AI service (Claude, ChatGPT, etc.) for analysis, as handled by your IDE's AI agent
ā Screenshot Capture: Take instant screenshots of iOS simulators and Android emulators
ā Cross-Platform Support: Works with both iOS and Android development environments
ā IDE Integration: Seamlessly works with popular AI-powered IDEs and coding assistants
Next Features
š§ Interactive Navigation: Enable AI assistants to navigate through your app interface
Contributing
We welcome contributions! Here's how you can help:
- Fork this repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
I'll review all PRs and provide feedback. Whether it's bug fixes, new features, or documentation improvements - all contributions are appreciated!
License
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
Support
- š Issues: GitHub Issues
- š Documentation: Model Context Protocol Docs
Made with ā¤ļø by developers, for developers
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.