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.
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
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.
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.
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.
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.