convert-web-app
OfficialMake your web app an MCP App.
AuthorAI-Riksarkivet
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enables developers to integrate their existing web applications with the Model Context Protocol (MCP), allowing them to function as MCP Apps within MCP-enabled hosts like Claude Desktop, while retaining their standalone web functionality.
Core Features & Use Cases
- Hybrid App Support: Adapt existing web applications to work both standalone and as an MCP App from a single codebase.
- Server-Side Registration: Provides guidance on setting up an MCP server to wrap the web app as a resource and register tools for its display.
- Use Case: You have a complex data visualization dashboard built as a React web app. You want to make it accessible within an AI assistant's interface. This Skill guides you through modifying your app to detect the MCP environment and register it as a tool.
Quick Start
Follow the steps in this guide to add MCP App support to your existing web application.
Dependency Matrix
Required Modules
@modelcontextprotocol/ext-apps@modelcontextprotocol/sdkzodtsxvitevite-plugin-singlefile
Components
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: convert-web-app Download link: https://github.com/AI-Riksarkivet/ra-mcp/archive/main.zip#convert-web-app Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.