Add UI To MCP Server

Add UI To MCP Server is an Automation skill for Claude Code, published by awslabs in cli-agent-orchestrator.

1.1K stars226 forkson awslabs/cli-agent-orchestratorAdded 2026/08/21+1% in starsRepository updated 2026/08/21

agent-orchestrationai-agentsai-coding-assistantantigravityclaude-codecodexcopilot-clicursor-clideveloper-toolshermeskimi-clikiromcpmodel-context-protocolmulti-agent-systemsopencodeorchestrationpythontmux

Install in seconds

Install Add UI To MCP Server

Copy Add UI To MCP Server into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/awslabs/cli-agent-orchestrator/tree/main/skills/vendor/ext-apps/add-app-to-server ~/.claude/skills/add-app-to-server

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/awslabs/cli-agent-orchestrator.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/vendor/ext-apps/add-app-to-server/SKILL.md in awslabs/cli-agent-orchestrator
Installs to: ~/.claude/skills/add-app-to-server
Collection: One of 18 skills cataloged from this repository
Category: Automation — 1523 skills

What Add UI To MCP Server does

Add UI To MCP Server helps you turn existing MCP tools into interactive UI-backed app tools using MCP Apps. Use it when adding views to a server that already exposes tools and should keep text-only support.

Add UI To MCP Server is cataloged under Automation on DirSkills. Add UI To MCP Server comes from a repository tagged agent-orchestration, ai-agents, ai-coding-assistant, antigravity and claude-code.

Documentation

README

Excerpt

Add UI to MCP Server

Enrich an existing MCP server's tools with interactive UIs using the MCP Apps SDK (@modelcontextprotocol/ext-apps).

How It Works

Existing tools get paired with HTML resources that render inline in the host's conversation. The tool continues to work for text-only clients — UI is an enhancement, not a replacement. Each tool that benefits from UI gets linked to a resource via _meta.ui.resourceUri, and the host renders that resource in a sandboxed iframe when the tool is called.

Getting Reference Code

Clone the SDK repository for working examples and API documentation:

git clone --branch "v$(npm view @modelcontextprotocol/ext-apps version)" --depth 1 https://github.com/modelcontextprotocol/ext-apps.git /tmp/mcp-ext-apps

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Add UI To MCP Server

What else does awslabs publish alongside Add UI To MCP Server?
Add UI To MCP Server is one of 18 skills that DirSkills catalogs from awslabs/cli-agent-orchestrator, the repository it ships in. Its siblings there include AG-UI Author, AI-DLC Portfolio and CAO Agent Routing. Each one is a separate skill with its own page in this directory, installs the same way Add UI To MCP Server does, and is maintained by awslabs in that same repository. The rest of the collection is listed on the awslabs/cli-agent-orchestrator page.
How does Add UI To MCP Server compare to other Automation skills?
Add UI To MCP Server ranks #772 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Add UI To MCP Server against them. Open each page to compare what they document and how they install.