chatgpt-app-builder
Provides architectural patterns and best practices for building MCP servers and ChatGPT widgets.
Install
mkdir -p .claude/skills/chatgpt-app-builder && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/1053" && unzip -o skill.zip -d .claude/skills/chatgpt-app-builder && rm skill.zipInstalls to .claude/skills/chatgpt-app-builder
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
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.Key capabilities
- →Scaffold new MCP server projects
- →Define tools, resources, and prompts
- →Implement interactive React-based widgets
- →Configure OAuth authentication providers
- →Manage server middleware and proxying
How it works
It provides a framework for building MCP servers using Hono-based architecture, enforcing best practices for tool definition, state management in widgets, and security patterns.
Inputs & outputs
When to use chatgpt-app-builder
- →Build an MCP server
- →Create ChatGPT widgets
- →Debug MCP server implementation
About this skill
Build ChatGPT Apps with mcp-use
mcp-use is the full stack TypeScript framework for building MCP servers and MCP apps to plug-ins and Claude connectors
Use it to build fully typed MCP servers with tools, resources, prompts, 1 line oauth authentication adapters, middleware, production transports, a built-in Inspector, and headless tooling.
mcp-use has native first class support for MCP Apps with support for HMR both at the server and MCP App level to live preview the changes on clients like ChatGPT
Get started
Follow the guides at https://docs.mcp-use.com/v2.
API reference
Consult the TSDoc bundled in the installed package and the TypeScript source
comments on disk. Inspect the project's installed mcp-use version, generated
types, and existing ChatGPT-specific integrations before choosing APIs or
patterns.
Agent Skills
Put reusable agent workflows in skills/<name>/SKILL.md; the directory is
served automatically, so normally omit the skills server option. Use
skills: false to disable it or skills: { directory: "server-skills" } to
override the project-relative directory. Keep supporting references, scripts,
templates, and assets in the skill instead of inflating tool descriptions.
When not to use it
- →When manually creating boilerplate code
- →When working outside of an mcp-use project
Prerequisites
Limitations
- →Must use provided scaffolding for proper configuration
- →Requires specific file structure for widgets
How it compares
It provides a standardized CLI-driven scaffolding and architectural pattern library that prevents manual boilerplate errors.
Compared to similar skills
chatgpt-app-builder side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| chatgpt-app-builder (this skill) | 5 | 2mo | Review | Advanced |
| mcp-builder | 136 | 3mo | Review | Advanced |
| copilot-sdk | 7 | 3mo | Review | Intermediate |
| create-mcp-app | 3 | 5mo | Review | Advanced |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
mcp-builder
anthropics
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
copilot-sdk
github
Build agentic applications with GitHub Copilot SDK. Use when embedding AI agents in apps, creating custom tools, implementing streaming responses, managing sessions, connecting to MCP servers, or creating custom agents. Triggers on Copilot SDK, GitHub SDK, agentic app, embed Copilot, programmable agent, MCP server, custom agent.
create-mcp-app
modelcontextprotocol
This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs.
retellai-hello-world
jeremylongshore
Create a minimal working Retell AI example. Use when starting a new Retell AI integration, testing your setup, or learning basic Retell AI API patterns. Trigger with phrases like "retellai hello world", "retellai example", "retellai quick start", "simple retellai code".
m365-agents-ts
T-Sunm
Microsoft 365 Agents SDK for TypeScript/Node.js.
mcp-builder
UnderUndreGH
MCP (Model Context Protocol) server building principles. Tool design, resource patterns, best practices.