Mobile Xray MCP

Mobile Xray MCP

Enables AI-powered screenshot capture and UX/UI analysis of iOS simulators and Android emulators directly from your IDE.

Category
访问服务器

README

Mobile Xray MCP

🔬 Take screenshots and analyze your mobile apps with AI assistance - right from your IDE.

License Node.js MCP

Privacy FirstBuilt by Developers for DevelopersWorks 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 adb and emulator commands)
  • 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

  1. Start your mobile simulator/emulator
  2. Open your AI chat in your IDE
  3. Ask for a screenshot: "Can you take a screenshot of my iOS simulator?"
  4. 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 check adb 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:

  1. Fork this repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. 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


Made with ❤️ by developers, for developers

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选