Skip to content
Get packs

ChatGPT App Builder (Deprecated)

Guides an agent in building ChatGPT apps with interactive widgets using mcp-use; superseded by mcp-app-builder

Source Download skill
Repository
Shubhamsaboo/awesome-llm-apps
Stars
143,726
Licence
Apache-2.0
Files
15 files

What it does

This skill gives an AI coding agent a reference guide for building ChatGPT apps that include interactive visual widgets, using the mcp-use framework and the OpenAI Apps SDK. Once installed, the agent can scaffold a project, write server tools that return widgets, build React widget components, manage widget state shared between the user and the ChatGPT model, and configure content security and metadata. However, the SKILL.md marks this skill as deprecated and tells the agent to install and use the newer mcp-app-builder skill instead.

Great for

  • Developers maintaining an existing ChatGPT app built with this skill's patterns
  • Developers who want to understand the older mcp-use widget conventions before migrating to mcp-app-builder

Skip it if

  • New projects: the SKILL.md says this skill is replaced by mcp-app-builder, so new work should use that instead
  • Users who cannot verify the install command: the skill tells the agent to run a package install via npx, which fetches code from the internet

Try asking

  • “Scaffold a new ChatGPT app with a React widget that displays a list of items”
  • “Add a server tool that returns an interactive widget and wire up the widget's state”
  • “Configure CSP domains so my widget can load images from an external API”
Step-by-step guide: how to use ChatGPT App Builder (Deprecated)Install, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 15 original files, the Apache-2.0 licence and an attribution note.

    chatgpt-app-builder.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip chatgpt-app-builder.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip chatgpt-app-builder.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Check whether mcp-app-builder is installed first and use it for new work, as this skill instructs
  • Review any npx install command before the agent runs it, since it downloads and installs third-party code
  • Note that SKILL.md references files such as widget-patterns.md and state-and-context.md that were not in the reviewed file list, so some guidance may be missing

What's inside

  • evals/architecture.json
  • evals/discover.json
  • evals/README.md
  • evals/skill.json
  • evals/state-and-context.json
  • evals/ui-guidelines.json
  • evals/widgets.json
  • LICENSE.txt
  • references/architecture.md
  • references/components-api.md
  • references/csp-and-metadata.md
  • references/discover.md
  • references/server-and-widgets.md
  • references/setup.md
  • SKILL.md

Redistributed unmodified from Shubhamsaboo/awesome-llm-apps under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.