IMPORTANT: How to Use This Skill

DEPRECATED: Use mcp-app-builder instead. Build ChatGPT apps with interactive widgets and zero-config React development.

- This skill is deprecated; migrate to mcp-app-builder for continued support and updates

- Enables collaborative UI between human users and LLM through shared interactive widgets

- Provides server handlers, React widget scaffolding, state management, and built-in hooks for tool calls and follow-up messages

- Covers display modes (inline, fullscreen, picture-in-picture), theming, CSP configuration, and advanced widget patterns

IMPORTANT: How to Use This Skill

This file provides a NAVIGATION GUIDE ONLY. Before implementing any MCP server features, you MUST:

- Read this overview to understand which reference files are relevant

- ALWAYS read the specific reference file(s) for the features you're implementing

- Apply the detailed patterns from those files to your implementation

Do NOT rely solely on the quick reference examples in this file - they are minimal examples only. The reference files contain critical best practices, security considerations, and advanced patterns.

MCP Server Best Practices

Comprehensive guide for building production-ready MCP servers with tools, resources, prompts, and widgets using mcp-use.

⚠️ FIRST: New Project or Existing Project?

Before doing anything else, determine whether you are inside an existing mcp-use project.