chatgpt-app-builder

Build MCP-based ChatGPT Apps with Node.js/TypeScript and React widgets.

21|4|Updated Dec 22, 2025

Search Tags:#deployment #widget development #MCP server #chatgpt-app #Apps SDK #oauth 2.1

One-click install

npx skills add https://github.com/BayramAnnakov/chatgpt-app-skill --skill chatgpt-app-builder

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: chatgpt-app-builder
Source: https://github.com/BayramAnnakov/chatgpt-app-skill/tree/main/chatgpt-app-builder
Command: npx skills add https://github.com/BayramAnnakov/chatgpt-app-skill --skill chatgpt-app-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires esbuild, and includes references (resource) and assets (resource) components.

What problem does it solve?

Build production-grade ChatGPT Apps from concept to App Store submission. This Skill guides agents through the complete lifecycle of creating, testing, deploying, and submitting MCP-based apps with Node.js/TypeScript and React widgets.

Core Features & Use Cases

Know/Do/Show Framework: Evaluate product fit, design MCP servers, and present UI.
MCP Server Templates: Production-ready server templates for fast setup.
Widget Development: React widgets themed for ChatGPT with tooling patterns.
OAuth 2.1 Guide: Authentication integration for user data access.
Deployment & Submission: Guidance for production hosting and App Store submission.

Quick Start

Start with Phase 1: Fit Evaluation to determine if your product is suitable for a ChatGPT App. If you have an app-spec.md, jump straight to Phase 2/3. Use ngrok for local testing and follow the deployment steps to prepare for submission.