Add Agent Skills installation guide

Add `docs/agent-skills.md` with installation instructions for multiple AI
coding agents including Claude Code, VS Code/Copilot, Gemini CLI, Cline,
and Goose. The guide provides three installation methods: Claude Code
plugin, Vercel Skills CLI (`npx skills add`), and manual installation.

Update `README.md` to link to the new guide and reframe the plugin
section around the broader "Agent Skills" concept.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Jonathan Hefner 2026-01-24 15:08:00 -06:00
commit 655231ded0
No known key found for this signature in database
GPG key ID: 0DA40AFD21043691
4 changed files with 59 additions and 3 deletions

View file

@ -44,15 +44,17 @@ We have [contributed a tentative implementation](https://github.com/MCP-UI-Org/m
npm install -S @modelcontextprotocol/ext-apps
```
### Claude Code Plugin
### Install Agent Skills
A [Claude Code plugin](https://github.com/modelcontextprotocol/ext-apps/tree/main/plugins/mcp-apps) is available to help create MCP Apps. To install, run these commands inside Claude Code:
This repository provides two [Agent Skills](https://agentskills.io/) for building MCP Apps. You can install the skills as a Claude Code plugin:
```
/plugin marketplace add modelcontextprotocol/ext-apps
/plugin install mcp-apps@modelcontextprotocol-ext-apps
```
Or you can install the skills in your favorite AI coding agent by following the [skills installation guide](./docs/agent-skills.md).
## Examples
<!-- prettier-ignore-start -->

53
docs/agent-skills.md Normal file
View file

@ -0,0 +1,53 @@
---
title: Agent Skills
---
# Install the Skills
The MCP Apps repository provides two [Agent Skills](https://agentskills.io/) for AI coding agents: one for scaffolding MCP Apps with interactive UIs, and one for migrating from the OpenAI Apps SDK.
Choose one of the following installation methods based on your agent:
## Option 1: Claude Code Plugin
Install via Claude Code:
```
/plugin marketplace add modelcontextprotocol/ext-apps
/plugin install mcp-apps@modelcontextprotocol-ext-apps
```
## Option 2: Vercel Skills CLI
Use the [Vercel Skills CLI](https://skills.sh/) to install skills across different AI coding agents:
```bash
npx skills add modelcontextprotocol/ext-apps
```
## Option 3: Manual Installation
Clone the repository:
```bash
git clone https://github.com/modelcontextprotocol/ext-apps.git
```
Then copy the skills from `plugins/mcp-apps/skills/` to your agent's skills directory. See your agent's documentation for the correct location:
- [Claude Code](https://docs.anthropic.com/en/docs/claude-code/skills)
- [VS Code](https://code.visualstudio.com/docs/copilot/customization/agent-skills) / [GitHub Copilot](https://docs.github.com/en/copilot/concepts/agents/about-agent-skills)
- [Gemini CLI](https://geminicli.com/docs/cli/skills/)
- [Cline](https://docs.cline.bot/features/skills#skills)
- [Goose](https://block.github.io/goose/docs/guides/context-engineering/using-skills/)
## Verify Installation
Ask your agent "What skills do you have?" — you should see `create-mcp-app` and `migrate-oai-app` among the available skills.
## Next Steps
Try invoking the skills by asking your agent:
- "Create an MCP App" — scaffolds a new MCP App with an interactive UI
- "Migrate from OpenAI Apps SDK" — converts an existing OpenAI App to use the MCP Apps SDK

View file

@ -1,6 +1,6 @@
# MCP Apps Plugin for Claude Code
A Claude Code plugin that provides the "Create MCP App" skill for building MCP Apps with interactive UIs.
A Claude Code plugin that provides skills for building MCP Apps.
## Installation

View file

@ -10,6 +10,7 @@ const config = {
projectDocuments: [
"docs/overview.md",
"docs/quickstart.md",
"docs/agent-skills.md",
"docs/patterns.md",
"docs/migrate_from_openai_apps.md",
],