CatchUI

com.catchuiPublished by catchui.comOfficial publisherv1.1.0Updated Oct 24, 2026

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

VerifiedStreamable HTTPWeb executableKnowledge & MemoryDeveloper Tools

Overview

AI-generated overview

CatchUI is a remote MCP server that lets an assistant name UI elements and design patterns, compare similar ones, and get per-platform component names and build

What you can do
Search a curated catalog of UI patterns from a plain-language description or term, in English or Chinese, and read a pattern's full entry by id, including definitions, aliases, platform component names and an implementation prompt. List the catalog's patterns by family, optionally filtered to one family. Compare two to four easily confused patterns side by side. Look up what a pattern is called in code on each platform, or work backwards from a framework component to the pattern. Get ready-to-use implementation instructions for one to six patterns in English or Chinese.
When to use it
Useful when someone describes a UI element loosely and needs its conventional name, when choosing between similar patterns such as toast versus snackbar, or when mapping a design to framework component names and drafting implementation instructions for a coding assistant.
Requirements
A remote streamable HTTP endpoint at catchui.com; no package, account, API key or environment variable is declared. Network access to the endpoint is needed.
Before you install
The catalog is described as curated and small (61 patterns), so coverage is limited. Implementation prompts are generic guidance to paste into a coding tool, not verified code; review them before use. No authentication is declared, so do not send secrets or private material in queries.

Installation

In SourceWeft

  1. Open CatchUI in the dashboard and add it to a workspace.
  2. Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Use with an agent

Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.

Read https://sourceweft.com/mcp/com.catchui%2Fui-patterns/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.

Read the install guide the agent follows

Other MCP clients

Add this to your client's mcpServers config.

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

Tools

6

search_ui_patterns

Search UI patterns by description

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.

Parameterslimitqueryrequired

get_ui_pattern

Get one UI pattern entry

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.

Parametersidrequired

list_ui_patterns

List the UI pattern catalog

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

Parametersfamily

compare_ui_patterns

Compare UI patterns

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.

Parameterspatternsrequired

get_ui_component_names

Get component names across platforms

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.

Parametersqueryrequiredplatform

get_implementation_prompt

Get implementation prompts

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.

Parameterslanguagepatternsrequired

Version history

1
  1. v1.1.0LatestOct 10, 2026

Score

83% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

  • Reached in the last 30 daysRequired25 pts
  • Auth declaredRequired10 pts
  • Tools listedRequired15 pts
  • DescriptionRequired15 pts
  • Logo10 pts
  • Documentation15 pts

    Declare a GitHub repository with a README, or serve resource_documentation in the OAuth protected-resource metadata.

  • LicenseNot applicable

    A hosted service is used under its provider's terms, so no license is expected here. This check is left out of the percentage.