Summary
Converts OpenAI Apps SDK projects to the MCP Apps SDK by walking you through the server and client-side changes. The main shift is moving from synchronous window.openai globals to an async App instance with event handlers. It clones the SDK repo for reference docs and working examples across React, Vue, Svelte, and vanilla JS. The CSP investigation step is smart: it forces you to build first and document every origin before writing migration code, since MCP apps run in sandboxed iframes where missing origins fail silently. Also maps the metadata format changes and flags features that don't have MCP equivalents yet, like file uploads and modal management.
Install to Claude Code
npx -y skills add modelcontextprotocol/ext-apps --skill migrate-oai-app --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
