Skip to content

CatchUI

by catchui.com · remote · no sign-in to list tools · v1.1.0 · published by com.catchui

What is this UI element called? 50 curated UI patterns, names per platform, build prompts. EN/中文.

Read only
CompareRegistry entry

6 tools: 6 only read.

Scanned Oct 21, 2026

No check matched anything in the tool definitions. No finding is not a safety guarantee. How the checks work.

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

Tools

Open a tool for its reasons and full description. Descriptions are the publisher's own words, shown as they are.

6 tools

Only reads 6Claude Code: allow
  • compare_ui_patternsExplains how 2 to 4 easily confused UI patterns differ — e.g.No findings

    Why it is in this group

    • The name "compare_ui_patterns" says "compare": a word for reading.
    Description, as the server wrote it
    Explains 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's written comparison when one exists. Accepts ids, names or short descriptions.

    Annotations the server declares

    • title: Compare UI patterns
    • readOnlyHint: true
    • destructiveHint: false
    • idempotentHint: true
    • openWorldHint: false
  • 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,…No findings

    Why it is in this group

    • The name "get_implementation_prompt" says "get": a word for reading.
    Description, as the server wrote it
    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. Accepts ids, names or short descriptions.

    Annotations the server declares

    • title: Get implementation prompts
    • readOnlyHint: true
    • destructiveHint: false
    • idempotentHint: true
    • openWorldHint: false
  • 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 — o…No findings

    Why it is in this group

    • The name "get_ui_component_names" says "get": a word for reading.
    Description, as the server wrote it
    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.g. "UISegmentedControl", "ModalBottomSheet", "role=tablist") to the pattern and its equivalents elsewhere. Optionally filtered to one platform. Platforms without a native component say so instead of naming one.

    Annotations the server declares

    • title: Get component names across platforms
    • readOnlyHint: true
    • destructiveHint: false
    • idempotentHint: true
    • openWorldHint: false
  • get_ui_patternReturns the full CatchUI entry for one UI pattern by id (e.g.No findings

    Why it is in this group

    • The name "get_ui_pattern" says "get": a word for reading.
    Description, as the server wrote it
    Returns 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 prompt, real search questions with answers, related patterns and the catalog URL. Takes an id; search_ui_patterns finds ids from descriptions.

    Annotations the server declares

    • title: Get one UI pattern entry
    • readOnlyHint: true
    • destructiveHint: false
    • idempotentHint: true
    • openWorldHint: false
  • list_ui_patternsLists the 61 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, …No findings

    Why it is in this group

    • The name "list_ui_patterns" says "list": a word for reading.
    Description, as the server wrote it
    Lists the 61 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).

    Annotations the server declares

    • title: List the UI pattern catalog
    • readOnlyHint: true
    • destructiveHint: false
    • idempotentHint: true
    • openWorldHint: false
  • search_ui_patternsFinds the conventional name of a UI element or design pattern from a plain-language description, question or term — e.g.No findings

    Why it is in this group

    • The name "search_ui_patterns" says "search": a word for reading.
    Description, as the server wrote it
    Finds 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 iPhone", "汉堡菜单". Searches CatchUI's curated catalog of 61 patterns and returns names in English and Chinese, definitions, the best-matching Q&A and each entry's catalog URL. Use when someone asks what a UI element is called or what a UI/UX term means.

    Annotations the server declares

    • title: Search UI patterns by description
    • readOnlyHint: true
    • destructiveHint: false
    • idempotentHint: true
    • openWorldHint: false

This is not a safety rating, and no finding is not a safety guarantee. The groups and findings come from fixed checks of the tool definitions the server returned on the date shown, not from its code or what it does when called. How the checks work.

Install

Pinned to version 1.1.0. Values in angle brackets are yours to fill in.

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

Run in a terminal.

Claude Code permissions

Allow the reads, ask before a change, deny the deletes. Paste into .claude/settings.json.

.claude/settings.json
{
  "permissions": {
    "allow": [
      "mcp__ui-patterns__search_ui_patterns",
      "mcp__ui-patterns__get_ui_pattern",
      "mcp__ui-patterns__list_ui_patterns",
      "mcp__ui-patterns__compare_ui_patterns",
      "mcp__ui-patterns__get_ui_component_names",
      "mcp__ui-patterns__get_implementation_prompt"
    ],
    "ask": [],
    "deny": []
  }
}

Tools that only read are allowed, tools that change things ask first, tools that delete or cancel are denied. It assumes the server is installed as ui-patterns. Review it before you use it.