What problem does it solve? Building ChatGPT apps requires coordinating MCP server tools, React widget components, widget state, CSP metadata, and display modes across two consumers (the human and the LLM), and this Skill provides the structured guidance to design and implement that stack correctly. ## Core Features & Use Cases - Discovery and architecture workflow: Validate app ideas through phased discovery, then decide which flows need widgets versus tools-only, avoiding anti-patterns like lazy-loading tools or widget-state-as-tools. - Server and widget implementation: Define server.tool() handlers returning widget() responses, and build React widgets with widgetMetadata, useWidget, McpUseProvider, and callTool. - State, UI, and CSP guidance: Manage persistent versus ephemeral state, handle theme/display modes/safe areas, and configure CSP connectDomains and dual-protocol metadata. - Use Case: You want a flight-booking ChatGPT app. The Skill walks you through scoping the flow, creating a search-flights widget that returns full data upfront, and a create-checkout tool the widget calls via callTool. ## Quick Start Ask the assistant to help you design and scaffold a ChatGPT app with an interactive widget using mcp-use, starting from your app idea or spec.
