Skip to main content

MCP Server for Mobile App Development - Generate Login, Home, and Settings pages for React Native, Flutter, SwiftUI, and Kotlin

Project description

MCP Mobile App Builder

MCP Server for Mobile App Development - Generate Login, Home, and Settings pages for React Native, Flutter, SwiftUI, and Kotlin/Jetpack Compose.

Installation

pip install mcp-mobile-app

Or run directly with:

uvx mcp-mobile-app

Configuration

Claude Desktop

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "mobile-app-builder": {
      "command": "uvx",
      "args": ["mcp-mobile-app"]
    }
  }
}

VSCode (Copilot)

Add to .vscode/mcp.json:

{
  "servers": {
    "mobile-app-builder": {
      "command": "uvx",
      "args": ["mcp-mobile-app"]
    }
  }
}

Available Tools

build_login_page

Generate a login page for mobile apps.

Parameters:

  • framework: Target framework - react-native, flutter, swiftui, or kotlin
  • auth_type: Authentication type - email, phone, or username
  • include_social_login: Include social login buttons (Google, Apple)
  • include_remember_me: Include remember me checkbox
  • include_forgot_password: Include forgot password link
  • styling: Style theme - modern, minimal, or classic

build_home_page

Generate a home page for mobile apps.

Parameters:

  • framework: Target framework
  • layout: Page layout - dashboard, feed, grid, or list
  • include_header: Include app header with title/logo
  • include_bottom_nav: Include bottom navigation bar
  • include_search: Include search functionality
  • card_style: Card layout - grid, list, or carousel

build_settings_page

Generate a settings page for mobile apps.

Parameters:

  • framework: Target framework
  • sections: Custom sections list e.g. ['account', 'privacy', 'about']
  • include_profile_section: Include user profile section at top
  • include_theme_toggle: Include dark/light theme toggle
  • include_notifications: Include notification settings
  • include_logout: Include logout button

Usage Examples

In Claude or Copilot, simply ask:

  • "Build me a Flutter login page with email authentication"
  • "Create a React Native home page with a grid layout and search"
  • "Generate a SwiftUI settings page with dark mode toggle"

License

MIT

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

mcp_mobile_app-0.1.1.tar.gz (16.6 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

mcp_mobile_app-0.1.1-py3-none-any.whl (17.6 kB view details)

Uploaded Python 3

File details

Details for the file mcp_mobile_app-0.1.1.tar.gz.

File metadata

  • Download URL: mcp_mobile_app-0.1.1.tar.gz
  • Upload date:
  • Size: 16.6 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/6.2.0 CPython/3.11.9

File hashes

Hashes for mcp_mobile_app-0.1.1.tar.gz
Algorithm Hash digest
SHA256 86124c8d7ae01d73c1d424c11342c9de13abbac580b57ad1bf73ee3e7518bf41
MD5 b150cc89b397219d4eef7b2f9a0f3992
BLAKE2b-256 8ee16169c3c3941e7aca161095e43bf5e79d9330d821a2cff716d418997b02f1

See more details on using hashes here.

File details

Details for the file mcp_mobile_app-0.1.1-py3-none-any.whl.

File metadata

  • Download URL: mcp_mobile_app-0.1.1-py3-none-any.whl
  • Upload date:
  • Size: 17.6 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/6.2.0 CPython/3.11.9

File hashes

Hashes for mcp_mobile_app-0.1.1-py3-none-any.whl
Algorithm Hash digest
SHA256 e9d7ddd2f7978a798dcfa077322f8066e7c88414637f8008833d203dfd0ad4e4
MD5 d4798fd344b8a90168068c32bee69ae6
BLAKE2b-256 d0a8d80e1ed1a20ee6056ffbe9ba54d2343d5bc55d1a06d92a79248349b80272

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page