What is the primary purpose of the OpenAI Apps MCP skill?

It simplifies building ChatGPT extensions using Model Context Protocol (MCP) servers hosted on Cloudflare Workers, supporting both automated tools and interactive UI widgets.

How does this skill handle Cloudflare Worker connection drops?

It includes implementation patterns for 30-second SSE heartbeats to prevent connections from dropping during the standard 100-second Worker inactivity window.

Why does this skill require a specific MIME type for widgets?

ChatGPT requires the 'text/html+skybridge' MIME type to correctly render interactive HTML/JS widgets inside its iframe environment; standard text/html will often fail to render.

What common errors does this skill prevent during deployment?

It prevents CORS policy blocks from chatgpt.com, widget 404 errors caused by incorrect URI prefixes, and script blocking issues by enforcing correct Content Security Policy (CSP) patterns.

OpenAI Apps MCP

Name: OpenAI Apps MCP
Author: jezweb

byjezweb

•

API Development

Build and deploy feature-rich ChatGPT extensions using Model Context Protocol (MCP) servers on Cloudflare Workers.

This skill enables developers to architect sophisticated ChatGPT Apps using the Model Context Protocol (MCP) on the Cloudflare Workers platform. It provides specialized patterns for implementing JSON-RPC 2.0 servers, registering custom tools, and serving interactive HTML/JS widgets directly within the ChatGPT interface. By automating critical configurations like CORS for chatgpt.com, specific MIME types for 'skybridge' rendering, and Server-Sent Events (SSE) heartbeats, it eliminates common deployment friction and ensures production-ready AI integrations that bypass typical 404 and script-blocking issues.

Key Features

01Automated configuration for CORS and text/html+skybridge MIME types

02Built-in SSE heartbeat logic to prevent Cloudflare Worker timeouts

03Full MCP server scaffolding for Cloudflare Workers using Hono

04Action-oriented tool registration patterns for better ChatGPT discovery

05Interactive widget integration with support for the ui://widget/ protocol

0691 GitHub stars

Use Cases

01Deploying stateless AI agents on Cloudflare's global edge network

02Creating custom interactive UI widgets for ChatGPT using HTML and JavaScript

03Building serverless MCP tools that connect ChatGPT to proprietary databases or APIs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills openai-apps-mcp

For use in Claude.ai and ChatGPT

Download Skill