psthi

MCP UI — Design skill for Claude Code

Design community

Open the visual MCP Config Manager UI in your web browser.

How to install MCP UI

Installs to ~/.claude/skills/psthi-mcp-manager-mcp-ui/SKILL.md

Terminal

mkdir -p ~/.claude/skills/psthi-mcp-manager-mcp-ui && curl -fsSL https://raw.githubusercontent.com/psthi/mcp-manager/HEAD/commands/mcp-ui.md -o ~/.claude/skills/psthi-mcp-manager-mcp-ui/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What MCP UI does

description: Open the visual MCP Config Manager UI in your web browser allowed-tools: Bash

Context

The visual MCP Config Manager is an HTML file included with this plugin.

Your task

Find the `ui/manager.html` file in the plugin installation directory and open it in the user's default web browser.

You can use python to open it cross-platform: `python3 -c "import webbrowser, os; webbrowser.open('file://' + os.path.abspath('$(find ~/.claude/plugins -name "manager.html" | grep "mc

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Canvas — Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to O 3.3k ★
Ovis — Ovis (formerly herdr web UI): free, open-source browser and phone client for herdr 1.4k ★