Appo MCP

Appo MCP

An MCP server that streamlines the integration of the @appolabs/appo SDK into web applications by providing tools for code generation, setup validation, and debugging. It enables AI assistants to generate React hooks and components for mobile-web features like push notifications, biometrics, and native device APIs.

Category
Visit Server

README

@appolabs/appo-mcp

MCP (Model Context Protocol) server for improving developer experience when integrating the @appolabs/appo SDK into web applications.

Features

This MCP server provides AI assistants with tools, resources, and prompts to help developers:

  • Generate Code - Create hooks, components, and scaffolding for SDK features
  • Validate Setup - Check SDK installation and configuration
  • Search Documentation - Access API reference, examples, and best practices
  • Debug Issues - Diagnose and fix common integration problems

Installation

For Claude Code / Cursor

Add to your .mcp.json:

{
  "mcpServers": {
    "appo": {
      "command": "npx",
      "args": ["-y", "@appolabs/appo-mcp"]
    }
  }
}

For Development

git clone https://github.com/appolabs/appo-mcp.git
cd appo-mcp
pnpm install
pnpm build
pnpm start

Available Tools

Code Generation

Tool Description
generate_hook Generate a React hook for any SDK feature
generate_component Generate a UI component with SDK integration
scaffold_feature Scaffold complete feature with hook, component, and types

Validation

Tool Description
validate_setup Validate SDK installation and configuration
check_permissions Analyze permission handling patterns
diagnose_issue Diagnose common SDK integration issues

Available Resources

URI Description
appo://overview SDK overview and capabilities
appo://api/{feature} API reference for each feature
appo://examples/{feature} Code examples per feature
appo://best-practices Integration best practices
appo://troubleshooting Common issues and solutions

Features: push, biometrics, camera, location, haptics, storage, share, network, device

Available Prompts

Prompt Description
setup_wizard Interactive setup guidance for new/existing projects
integrate_feature Step-by-step feature integration guide
debug_assistant Troubleshooting assistant for SDK issues

Usage Examples

Generate a Hook

Ask your AI assistant:

"Generate a push notifications hook using the appo SDK"

The assistant will use generate_hook with feature: "push".

Validate Setup

"Check if my @appolabs/appo setup is correct"

The assistant will use validate_setup with your package.json.

Debug an Issue

"Push notifications always return denied"

The assistant will use diagnose_issue and check_permissions to help.

SDK Features

The @appolabs/appo SDK provides access to:

  • Push Notifications - Request permission, get tokens, receive notifications
  • Biometrics - Face ID / Touch ID authentication
  • Camera - Capture photos
  • Location - GPS coordinates
  • Haptics - Tactile feedback
  • Storage - Persistent key-value storage
  • Share - Native share sheet
  • Network - Connectivity status
  • Device - Platform and device info

Development

# Install dependencies
pnpm install

# Build
pnpm build

# Watch mode
pnpm dev

# Run server
pnpm start

# Type check
pnpm typecheck

# Test
pnpm test

License

MIT

Recommended Servers

playwright-mcp

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.

Official
Featured
TypeScript
Magic Component Platform (MCP)

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.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

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.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
Kagi MCP Server

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.

Official
Featured
Python
graphlit-mcp-server

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.

Official
Featured
TypeScript
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

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.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured