INDIVIDUAL MCP TOOL

search_ui_patterns

Finds the conventional name of a UI element or design pattern from a plain-language description, question or term — e.

catchui.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://catchui.com/api/mcp

No auth detected

Connect to this endpoint to inspect the live schema for search_ui_patterns and invoke it with your own arguments.

{}

Inferred read-only · medium confidence · heuristic, not a guarantee.

No write-capable action terms were found; this is not proof that invocation has no side effects.

CONNECT WITH APPROVAL

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.catchui]
url = "https://catchui.com/api/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "catchui": {
      "type": "http",
      "url": "https://catchui.com/api/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: catchui
Remote MCP URL: https://catchui.com/api/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "catchui": {
      "url": "https://catchui.com/api/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "catchui": {
      "type": "http",
      "url": "https://catchui.com/api/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "catchui",
  "transport": "streamable-http",
  "url": "https://catchui.com/api/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

get_ui_pattern — Returns the full CatchUI entry for one UI pattern by id (e.
list_ui_patterns — Lists the 50 UI patterns in CatchUI's curated catalog — ids, English and Chinese names and one-line definitions — grouped by family, optionally filtered to one family (NAV, INPUT, ACTION, OVERLAY, FEEDBACK, CONTENT, DATA, SYSTEM).
compare_ui_patterns — Explains how 2 to 4 easily confused UI patterns differ — e.
get_ui_component_names — Returns what a UI pattern is called in code on each platform — SwiftUI, UIKit, Jetpack Compose, Android Views, Flutter, HTML/ARIA and, for system UI, AppKit, Win32 and Electron — or works backwards from a framework component (e.
get_implementation_prompt — Returns CatchUI's ready-to-use implementation instructions for 1 to 6 UI patterns — what to build, where it sits, its states and the accessibility it needs — in English or Chinese, for pasting into an AI coding tool such as Claude Code or Cursor.