Ext Apps

<!-- LOGO -->
<div align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="media/mcp-white.svg">
<source media="(prefers-color-scheme: light)" srcset="media/mcp.svg">

</picture>
<h1>MCP Apps</h1>
<p>
Build interactive UIs for MCP tools — charts, forms, dashboards — that render inline in Claude, ChatGPT and any other compliant chat client.
<br /><br />
<a href="#why-mcp-apps">Why</a>
·
<a href="https://apps.extensions.modelcontextprotocol.io/api/documents/Quickstart.html">Quickstart</a>
·
<a href="https://apps.extensions.modelcontextprotocol.io/api/">API Docs</a>
·
<a href="https://github.com/modelcontextprotocol/ext-apps/blob/main/specification/2026-01-26/apps.mdx">Spec</a>
·
<a href="CONTRIBUTING.md">Contributing</a>
</p>
</div>

<p align="center">
<a href="https://github.com/modelcontextprotocol/ext-apps/actions/workflows/ci.yml"></a>
<a href="LICENSE"></a>
<a href="https://www.npmjs.com/package/@modelcontextprotocol/ext-apps"></a>
<a href="https://www.npmjs.com/package/@modelcontextprotocol/ext-apps"></a>
<a href="https://github.com/modelcontextprotocol/ext-apps"></a>
<a href="https://apps.extensions.modelcontextprotocol.io/api/"></a>
</p>

<p align="center">

<br><em>Excalidraw built with MCP Apps, running in Claude</em>
</p>

Table of Contents

Build with Agent Skills

Supported Clients

Why MCP Apps?

How It Works

Getting Started

Using the SDK

Examples

Specification

Resources

Contributing

Build with Agent Skills

The fastest way to build an MCP App is to let your AI coding agent do it. This
repo ships four Agent Skills — install them once,
then just ask:

| Skill | What it does | Try it |
| --------------------------------------------------------------------------- | ----------------------------------------------------------- | ------------------------------------- |
| [create-mcp-app]

... [truncated — view full README on GitHub]