Skip to main content
Glama

CatchUI

by com.catchui
OverviewDiscussionsAdmin

Server Details

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

If you are the author of this connector, you can claim ownership by verifying the domain or GitHub account it belongs to. Claimed connector authors can inspect health checks, view analytics, and manage their listing.
Status
Healthy
Last Tested
Transport
Streamable HTTP · MCP 2025-06-18
URL

TDQS

Score is being calculated.

Available Tools

6 tools
compare_ui_patternsCompare UI patterns
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
patternsYes2 to 4 CatchUI pattern ids, names or short descriptions, e.g. ["modal", "popover"] or ["tabs", "segmented control"].
get_implementation_promptGet implementation prompts
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
languageNoLanguage of the prompts: "en" (English) or "zh" (简体中文).en
patternsYes1 to 6 CatchUI pattern ids, names or short descriptions, e.g. ["tabs"] or ["search field", "filter chips", "pagination"].
get_ui_component_namesGet component names across platforms
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
queryYesA pattern id, name or description ("segmented control"), or a framework component name ("UISegmentedControl").
platformNoOptional platform filter, matched against the platform label: e.g. "SwiftUI", "UIKit", "Compose", "Android", "Flutter", "Web".
get_ui_patternGet one UI pattern entry
Read-onlyIdempotent
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
idYesCatchUI pattern id, e.g. "tabbar". list_ui_patterns lists every id.
list_ui_patternsList the UI pattern catalog
Read-onlyIdempotent
Inspect

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

ParametersJSON Schema
NameRequiredDescriptionDefault
familyNoOnly list patterns in this family.
search_ui_patternsSearch UI patterns by description
Read-onlyIdempotent
Inspect

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

ParametersJSON Schema
NameRequiredDescriptionDefault
limitNoMaximum number of matches to return.
queryYesDescription, question, or name of a UI element, in English or Chinese.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

  1. 6 tool updates
    • First observedcompare_ui_patterns
    • First observedget_implementation_prompt
    • First observedget_ui_component_names
    • First observedget_ui_pattern
    • First observedlist_ui_patterns
    • First observedsearch_ui_patterns

Related MCP Connectors

Related MCP Servers

  • ui-ux-pro-mcp

    redf0x1
    A
    license
    A
    quality
    D
    maintenance
    🎨 AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more
    7
    151 npm
    36
    MIT
  • UIZZE by uizze

    UIZZEofficial

    uizze
    A
    license
    Not graded
    quality
    A
    maintenance
    STOP UI SLOP. Gives coding agents searchable evidence from 800,000+ real web and iOS screens, design contracts, and a hard UI finish gate.
    1
    MIT
Try in Browser
One endpoint for every MCP toolRayrun runs every MCP server behind one URL and holds the credentials. Each call is decided per client, tool, and argument, then recorded.ray.runAd

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources