convert-web-app - Convert an existing web app into a hybrid MCP App
Guides adding MCP App support to an existing web application while preserving standalone operation through server-side tool and resource registration.
Tags
Updated: 2026-10-07Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Analyze existing web apps
- Map standalone data sources
- Investigate CSP requirements
- Set up MCP servers
- Register tools and resources
- Adapt build pipelines
- Add MCP initialization
- Integrate host styling
- Configure hybrid data flows
- Test MCP Apps
Inputs
- Existing web app source
- Build configuration
- Framework and bundler details
- External API endpoints
- Embedded resource origins
- User interaction requirements
Outputs
- Hybrid web and MCP App
- MCP server source
- Registered MCP tool
- Registered UI resource
- Bundled MCP App HTML
- CSP domain configuration
- Updated package scripts
Requirements
- Node.js and npm
- MCP SDK packages
- TypeScript toolchain
- Existing app build toolchain