Search everything...

Stats

Actions

Available In

mcp-ui-expert

Name: mcp-ui-expert
Author: codewithpassion

By codewithpassion

Expert-level guidance for building MCP Apps with rich interactive UIs on Cloudflare Workers. Covers architecture, two-tier tool patterns, viewUUID state management, single-file bundling, and production deployment.

npx claudepluginhub codewithpassion/plugin-marketplace --plugin mcp-ui-expert

Popularity

Stars

Med: 0·Avg: 285

Installs

Med: 0·Avg: 1

What's Inside

Skills1

build-mcp-ui

/build-mcp-ui

This skill should be used when the user asks to "build an MCP UI", "add interactive UI to an MCP tool", "create an MCP App on Cloudflare Workers", "set up viewUUID state", "add cross-session hydration", "register UI resources", "bundle React app for MCP", or needs guidance on production MCP App architecture with two-tier tool patterns, single-file bundling, session state, and host integration.

README

mcp-ui-expert

Claude Code plugin providing expert-level guidance for building MCP Apps with rich interactive UIs on Cloudflare Workers.

Skills

`build-mcp-ui`

Triggered by: "build an MCP UI", "add interactive UI to an MCP tool", "create an MCP App on Cloudflare Workers", "set up viewUUID state", "register UI resources", etc.

Covers:

Two-tier tool pattern — model-facing opener + app-only worker tools
Single-file bundling — Vite + vite-plugin-singlefile + wrangler text import
viewUUID state management — cross-session data persistence and hydration
TypeScript isolation — separate tsconfigs for Worker and React app
Host integration — theme, styles, safe areas, fullscreen
UI-to-model communication — callServerTool, updateModelContext, sendMessage

Installation

claude plugin add /home/roboto/.claude/local-plugins/mcp-ui-expert

Usage

/build-mcp-ui

Or just describe what you want: "Add an interactive image editor UI to my MCP server"

Similar Plugins

mcp-apps

2.4k·3·

Claude Code skill for building MCP Apps with interactive UIs

3mo

v0.1.0

modelcontextprotocol

cloudflare-mcp-server

149·

Build MCP (Model Context Protocol) servers on Cloudflare Workers with tools, resources, and prompts.

3mo

v3.0.0

secondsky

mcp-builder

1.7k·2·

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools.

4mo

v1.0.0

ComposioHQ

shadcn

18·

MCP server for shadcn UI tooling

7mo

v0.1.0

JNLei

More by codewithpassion

cwp-claude-progress

0·

Auto-updates PROGRESS.md at the end of each session. Requires a PROGRESS.md file in the root of the project.

2mo

v1.0.3

codewithpassion

cwp-claude-framework

0·

Dom's Personal toolkit of reusable Claude commands and utilities

4mo

v0.1.0

codewithpassion

cwp-how-i-vibe

0·

Dom's step by step framework for agentic engineering.

4mo

v0.1.0

codewithpassion

Stats

Version0.1.0

Stars0

MaintenanceGood

LicenseMIT

Last CommitMar 23, 2026

AddedMar 23, 2026

Actions

View on GitHub View README Plugin Marketplace JSON

Own this plugin?

Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).

Available In

cwp-claude-marketplace

mcp-ui-expert

Popularity

What's Inside

README

mcp-ui-expert

Skills

`build-mcp-ui`

Installation

Usage

Similar Plugins

mcp-apps

cloudflare-mcp-server

mcp-builder

shadcn

More by codewithpassion

cwp-claude-progress

cwp-claude-framework

cwp-how-i-vibe

Confidence

More by codewithpassion

cwp-claude-progress

cwp-claude-framework

cwp-how-i-vibe

Popularity

Health & Quality

Similar Plugins

mcp-apps

cloudflare-mcp-server

mcp-builder

shadcn

webmcp-setup

model-context-protocol