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.0.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.0-py3-none-any.whl (17.6 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: mcp_mobile_app-0.1.0.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.0.tar.gz
Algorithm Hash digest
SHA256 4c466ec8761d10b87c0ab52b75954cc0e2d44cb5a838f2064e3ca07161df268c
MD5 f01ca166787799bc2a805d44f8e9d356
BLAKE2b-256 ca1631df00e1904cab26c977bcd0231549caf45617673d22404a5b9981ef3c3f

See more details on using hashes here.

File details

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

File metadata

  • Download URL: mcp_mobile_app-0.1.0-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.0-py3-none-any.whl
Algorithm Hash digest
SHA256 2cc5d73e690d3be39d5abd0c691a444c45d350b0f92c752391420b2a49bf5610
MD5 974fb9a74f43e6b7f502f04e25d35506
BLAKE2b-256 8517973f878beddf972430c27745fb5e0de67be2a0981021153988aaa559c26a

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