CatchUI

Connect it to your AI

Claude Code

claude mcp add --transport http ui-patterns https://catchui.com/api/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://catchui.com/api/mcp

Cursor, VS Code and other apps (mcp.json)

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

Tools it offers

6 tools, as the server itself reported during our check on Oct 31, 2026.

• search_ui_patternsFinds the conventional name of a UI element or design pattern from a plain-language description, question or term — e.g. "the bar at the bottom of an app", "three horizontal lines icon", "the black bar at the top of iPho
• get_ui_patternReturns the full CatchUI entry for one UI pattern by id (e.g. "tabbar", "bottomsheet"): definition in English and Chinese, pronunciation, aliases, how people describe it, component names per platform, an implementation p
• list_ui_patternsLists the 77 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
• compare_ui_patternsExplains how 2 to 4 easily confused UI patterns differ — e.g. toast vs snackbar, modal vs popover vs bottom sheet, tabs vs segmented control, Dynamic Island vs notch. Returns each definition side by side plus the catalog
• get_ui_component_namesReturns 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 compo
• get_implementation_promptReturns 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

Questions