Agent skill · software engineering · aiskillstore

chatgpt-app-builder

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

Why this skill is useful

Provides specific commands and patterns for building interactive ChatGPT apps with the mcp-use framework that the AI wouldn't reliably generate on its own.

What it needs

Requires mcp-use installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.

What this skill does

ChatGPT App Builder Build ChatGPT apps with interactive widgets using mcp-use. Zero-config widget development with automatic registration and built-in React hooks. The app is consumed by two users at once: the human and the ChatGPT LLM. They collaborate through the widget -- the human interacts with it, the LLM sees its state. The widget is your shared surface. Before You Code Clarify what to build → discover.md: when starting a new app, validating an idea, or scoping features Design tools and widgets → architecture.md: when deciding what needs UI vs tools-only, designing UX flows Setup Scaffold and run → setup.md: when creating a new project, starting dev server, connecting to ChatGPT/Claude Implementation Server handlers + widget creation → server-and-widgets.md: when writing server.tool() with widgets, widget() helper, React widget files Widget state and LLM context → state-and-context.md: when persisting state, triggering LLM from widget, managing ephemeral vs persistent data Display modes, theme, layout → ui-guidelines.md: when adapting to inline/fullscreen/PiP, handling theme, device, locale Component API → components-api.md: when using McpUseProvider, Image, ErrorBoundary, useWidget CSP and metadata → csp-and-metadata.md: when configuring external domains, dual-protocol metadata Advanced patterns → widget-patterns.md: when building complex widgets with tool calls, state, theming Quick Reference

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills aiskillstore/chatgpt-app-builder--7e8762

View the source on GitHub

Browse the @skills marketplace