How does this skill handle CORS issues?

The skill includes specific Hono middleware configurations to ensure the MCP endpoint correctly allows requests from chatgpt.com, preventing the common 'blocked by CORS policy' error.

What is the 'text/html+skybridge' MIME type?

This is a mandatory MIME type required by OpenAI's interface to recognize and render HTML resources as interactive widgets instead of displaying them as plain text code.

Why use Cloudflare Workers for MCP servers?

Cloudflare Workers offer low-latency edge execution and a built-in ASSETS binding which is ideal for serving the interactive HTML widgets required by ChatGPT Apps.

What is the OpenAI Apps MCP skill?

It is a specialized capability for Claude Code that provides standardized patterns, boilerplate, and troubleshooting for building ChatGPT-compatible tools using the Model Context Protocol on serverless platforms.

Can I use this with frameworks like Next.js?

Yes, the skill includes specific fixes for issues where MCP SDK dependencies (like Hono) might override global response objects and break Next.js App Router handlers.

OpenAI Apps MCP

Name: OpenAI Apps MCP
Author: evolv3ai

byevolv3ai

0•

API 开发

Builds and deploys ChatGPT extensions and interactive widgets using Model Context Protocol (MCP) servers on Cloudflare Workers.

This skill provides a production-ready framework for developing OpenAI Apps via stateless MCP servers. It streamlines the creation of custom ChatGPT tools and interactive HTML/JS widgets rendered in iframes, specifically optimized for the Cloudflare Workers environment. The skill automates complex configurations like JSON-RPC 2.0 handling, CORS policies for chatgpt.com, and the specialized MIME types required for widget rendering. It is particularly useful for developers needing to bridge the gap between AI models and edge computing while avoiding common pitfalls like SSE timeouts, ASSETS binding errors, and Next.js compatibility issues.

主要功能

01Interactive widget support with 'text/html+skybridge' MIME type handling

02Automated CORS and security header management for ChatGPT integration

03Stateless MCP server implementation using Hono and Cloudflare Workers

040 GitHub stars

05Comprehensive fixes for Next.js global response and SSE heartbeat issues

06Streamable HTTP transport configuration for serverless environments

使用场景

01Developing custom ChatGPT extensions with real-time data fetching tools

02Deploying scalable, serverless MCP servers for enterprise AI applications

03Building interactive UI widgets that live inside the ChatGPT chat interface

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add evolv3ai/claude-skills-archive openai-apps-mcp

For use in Claude.ai and ChatGPT

Download Skill