Skill · Design

create-mcp-app

Designmcpdirectory↓ 5

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App...

Install
$ npx skills add modelcontextprotocol/ext-apps --skill create-mcp-app

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • 5 installs reported on mcpdirectory.
  • Published by modelcontextprotocol — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • mermaidjs-v11 — Create diagrams and visualizations using Mermaid.js v11 syntax.
  • sag — ElevenLabs text-to-speech with mac-style say UX.
  • pymupdf-pdf — Fast local PDF parsing with PyMuPDF (fitz) for Markdown/JSON outputs and optional images/tables.
  • vue-options-api-best-practices — Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
  • scala-pro — Master enterprise-grade Scala development with functional programming, distributed systems, and big data proce
  • aws-advisor — Expert AWS Cloud Advisor for architecture design, security review, and implementation guidance.

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.