skills.rest
salmanparacha
salmanparachaCOMMUNITY
Explore all skills by this author →
GitHub

building-chatgpt-apps

Build ChatGPT Apps with interactive widgets using the OpenAI Apps SDK and FastMCP.

Updated Jan 6, 2026
Search Tags:#widgets#fastmcp#mcp-server#chatgpt-apps#widget-metadata#developer-mode
One-click install
npx skills add https://github.com/salmanparacha/speckitplus-calculator --skill building-chatgpt-apps-salmanparacha
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-chatgpt-apps
Source: https://github.com/salmanparacha/speckitplus-calculator/tree/main/.claude/skills-nocontext/building-chatgpt-apps
Command: npx skills add https://github.com/salmanparacha/speckitplus-calculator --skill building-chatgpt-apps-salmanparacha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guides developers to build ChatGPT Apps with interactive widgets using the OpenAI Apps SDK and MCP servers.

Core Features & Use Cases

  • Widget architecture
  • MCP server setup with FastMCP
  • Response metadata and Developer Mode configuration for custom apps
  • Use cases include embedding UI widgets in ChatGPT conversations and enabling tool-driven interactions

Quick Start

Run the starter template, spin up an MCP server, and register your app in Developer Mode to see widgets render inside ChatGPT.

Frequently Asked Questions about building-chatgpt-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build ChatGPT apps with interactive widgets using an MCP server?▼

Interactive widgets in ChatGPT apps are visual UI components embedded directly in conversations using the OpenAI Apps SDK. They render inside ChatGPT by configuring widget response metadata with a specific MIME type and registering your app in Developer Mode.

What MIME type do I need for rendering widgets inside ChatGPT conversations?▼

Configuring widget response metadata requires defining specific fields like _meta and structuredContent within your app's responses. These metadata fields ensure the visual UI components are properly structured and rendered as embedded widgets inside ChatGPT conversations.

Can I use FastMCP to set up an MCP server for ChatGPT apps?▼

Developer Mode configuration is required to register your custom app and see widgets render inside ChatGPT. You activate Developer Mode to link your MCP server setup and allow the interactive widgets to display within the chat environment during development.

What technical requirements must a SKILL.md file meet for ChatGPT widget apps?▼

To start building ChatGPT apps with interactive widgets, run the starter template, spin up an MCP server using FastMCP, and register your app in Developer Mode. This process enables tool-driven interactions and visual UI components within your custom app.

Related Skills

Explore More Software Engineering Skills→
hk-vkhk-vk

openai-compatible-providers

Integrate OpenAI-compatible providers into AI SDK workflows.

Community
Intermediate
Ikram-AlamIkram-Alam

building-chatgpt-apps

Build ChatGPT Apps with interactive widgets and FastMCP servers.

Community
Advanced
AbdullahMalik17AbdullahMalik17
9

building-chatgpt-apps

Guide ChatGPT App architecture with FastMCP widget patterns and response metadata.

Community
Advanced
modelcontextprotocolmodelcontextprotocol
2.7k

migrate-oai-app

Migrate OpenAI Apps SDK projects to MCP Apps SDK with API mappings and guidance.

Official
Advanced