Design

catchui.com

Provides tools to search, retrieve, and list curated UI design patterns from the CatchUI catalog.

1 endpoint6 known toolsFirst detected October 7, 2026Last detected October 10, 2026

ENDPOINT 1

https://catchui.com/api/mcp

No auth detected

MCP server metadata

Name: catchui
Version: 1.1.0

Capabilities

tools

Server instructions

CatchUI (https://catchui.com) is a curated bilingual (English / 简体中文) catalog of 50 UI design patterns, including the phone and computer system UI around apps: conventional names, definitions, aliases, real search questions with answers, component names per platform, and implementation prompts. search_ui_patterns finds patterns from a plain-language description or question; get_ui_pattern returns one full entry by id; list_ui_patterns lists the catalog; compare_ui_patterns explains how two to four patterns differ; get_ui_component_names maps a pattern or a framework component (e.g. UISegmentedControl) to its names in SwiftUI, UIKit, Jetpack Compose, Android Views, Flutter and HTML; get_implementation_prompt returns ready-to-use build instructions for one or more patterns. Every result carries the canonical catalog URL of each entry (https://catchui.com/catalog/<id>). All tools are read-only lookups of public data.

Known tools 6

search_ui_patterns

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

Inferred read-only

get_ui_pattern

Returns the full CatchUI entry for one UI pattern by id (e.

Inferred read-only

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).

Inferred read-only

compare_ui_patterns

Explains how 2 to 4 easily confused UI patterns differ — e.

Inferred read-only

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.

Inferred read-only

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.

Inferred read-only

CONNECT WITH APPROVAL

Client installation

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.

TRUST AND VERIFICATION EVIDENCE

Trust Data Available

BuiltWith Trust API v2 evidence for catchui.com was fetched 2026-10-13T13:25:22.770Z.

Trust status Trusted

catchui.com is assessed as Trusted: Domain has an established technology history spanning over a year.

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.