My Ui MCP
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Features and capabilities supported by this server
Protocol revision2025-11-25
| Capability | Details |
|---|---|
| tools | {
"listChanged": true
} |
| prompts | {
"listChanged": true
} |
| resources | {
"listChanged": true
} |
| completions | {} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| list_componentsA | List verified local components plus all 8,157 marketplace catalogue records, with category, origin, author, import path, description, prop count, variants and usage references. Filter by category, query or kind. Results are summaries only; call get_component_bundle or get_component_details for copy-ready source before writing code. |
| get_component_detailsA | Return one component's metadata, parsed props, CVA variants, dependencies, real usage examples, guidelines, related components and exact source code. The markdown includes a copy target and install instructions. Both local components and marketplace catalogue records are supported. |
| get_component_bundleA | Return the exact source, copy target, dependencies, adaptation notes, replacement guidance and feedback questions for one or more components. Use this after asking for requirements and before writing or editing code. Provide component names or a requirements brief. Never rewrite a component from its summary. |
| suggest_combinationA | Turn a use case into a subject-driven design direction: palette, type pairing, alignment, ASCII wireframe, local component selection, review notes, gaps, a TSX scaffold and the exact source of every selected component. Copy the source blocks before editing; do not regenerate them. |
| get_design_tokensA | Expose semantic colours, typography, spacing, radius, shadows and animation tokens, with CSS variables, guidance and contrast pairs. |
| validate_ui_compositionA | Check a TSX, JSX, HTML or CSS snippet for accessibility, token, specificity, typography, motion, copy, generic-default and proof problems. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
| design_layout_guide | Use the local My Ui inventory and tokens to brainstorm, plan, review, build and critique a subject-driven interface. |
| component_handoff | Ask for the brief and component names, return the exact local source and install instructions, then collect feedback and adapt the component to the user's design system or replace an existing one. |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| component-registry | All local components and marketplace catalogue records as serialisable summaries, with origin and author metadata. |
| design-tokens | Semantic colours, typography, spacing, radius, shadows and animation tokens. |
| design-principles | The design philosophy, anti-patterns, process and review checklist. |
| handoff-protocol | The ask -> select -> copy -> install -> feedback -> adapt workflow, including replacement and style-decision rules. |
| component-inventory | Human-readable local inventory plus a marketplace catalogue summary grouped by category. |
| AppFooter | Application footer with secondary navigation and legal links. |
| AppHeader | Application header for marketplace and workspace surfaces. |
| Logo | My Ui wordmark and link to home. |
| LogoBadge | Compact My Ui monogram for headers and tight spaces. |
| SiteHeader | Marketing site header with navigation, search and account actions. |
| ThemeToggle | Light/dark theme control that respects the active theme provider. |
| SignInForm | Email and password sign-in form with inline validation and social entry points. |
| AuthorDirectory | Searchable directory of component authors. |
| ActionBar | Primary actions for a component: copy prompt, save, remix, CLI and report. |
| CodeViewer | Tabbed, syntax-highlighted source viewer for component, demo and install files. |
| ComponentDetail | Full component detail view combining preview, code, install and metadata. |
| InstallPanel | Install instructions and dependency list for a component registry entry. |
| PreviewFrame | Preview surface for a recording, screenshot or generated fallback, with device and theme controls. |
| CreatorProfileView | Creator profile with identity, stats and a component library. |
| IconBrowser | Searchable icon gallery with copy affordances. |
| AuthorsBand | Creator spotlights with real author identity and component counts. |
| FeatureGrid | Feature section with icon, title and body. Use only when the items are genuinely parallel. |
| FinalCTA | Closing conversion section with a single primary action. |
| LandingFooter | Marketing footer with grouped navigation and legal links. |
| LandingHero | Editorial landing hero with rotating serif accent, preview rail and primary conversion actions. |
| MarketShowcase | Asymmetric component showcase grid used to demonstrate the library. |
| TrustedBy | Logo band for verified customers only. Never populate it with invented logos. |
| CategoryBrowser | Paginated category grid with sorting, tag filters, license filters and load-more. |
| CategorySidebar | Grouped category navigation for the marketplace. |
| ComponentCard | Component preview card with author, stats and a link to the detail page. |
| ComponentListRow | Dense list representation of a component for list views and tables. |
| DiscoveryFeed | Marketplace discovery surface composed of horizontal rails and a browse-all entry point. |
| MarketplaceShell | Two-column marketplace shell with a persistent category rail and a scrollable content pane. |
| ResultsGrid | Grid or list renderer for a set of component records, with an empty state. |
| SearchDialog | Command palette for searching components, authors and tags. |
| SectionRail | Horizontal rail of component cards with a section heading and optional view-all link. |
| SortBar | Sort, filter and view controls for a component result set. |
| PricingView | Pricing page composition with plan comparison, FAQ and conversion sections. |
| Avatar | Author or user image with initials fallback, optional ring and accessible name. |
| Badge | Compact status or metadata label with semantic variants. Use for state, counts and categories, not for long copy. |
| Button | The primary action primitive. Seven visual variants and five sizes, with a house focus ring, active press and disabled treatment. |
| Dialog | Modal dialog with focus trapping, escape-to-close, scroll lock and a labelled panel. |
| Dropdown | Trigger-driven menu with outside-click dismissal, escape handling and alignment control. |
| DropdownItem | Keyboard-accessible menu item with active state and disabled support. |
| DropdownLabel | Small group label for a menu. It carries grouping meaning; do not use it as decoration. |
| DropdownSeparator | Hairline separator between menu groups. |
| GradientPreview | Deterministic generated artwork used only when a real preview is missing. |
| Input | Single-line text field with a visible focus ring, placeholder treatment and disabled state. |
| Kbd | Keyboard key token used inside hints and shortcut menus. |
| Reveal | One-shot scroll reveal with a reduced-motion path. Use sparingly, not on every card. |
| Select | Compact option picker built on the dropdown primitive, with an accessible trigger and selected state. |
| Separator | Semantic horizontal or vertical divider for grouping content. |
| Sheet | Edge panel for secondary tasks, filters and mobile navigation. |
| SheetHeader | Header row for a sheet, with an optional accessible close button. |
| Skeleton | Loading placeholder that preserves layout while data resolves. |
| Switch | Labelled on/off control with a real checkbox underneath and keyboard support. |
| Tabs | Segmented or underline tab set with arrow-key navigation and roving tab index. |
| Textarea | Multi-line text field for messages, notes and long-form input. |
| Toaster | Portalled, polite live region for transient success and status messages. |
| Tooltip | Short contextual hint shown on hover or focus. Not a place for essential instructions. |
| ThemeProvider | Client-side light/dark theme provider with local storage persistence and system preference. |
| ThemeGrid | Theme preset browser with preview cards and filtering. |
TDQS
Scored across 6 tools
Most tools are distinct, but get_component_details and get_component_bundle overlap heavily: both return exact source code and dependencies for components, and list_components even tells agents to call either one for copy-ready source. The bundle's multi-component/adaptation angle helps, but an agent can easily misselect between the two.
All six tools follow a clean verb_noun snake_case pattern (list_components, get_component_details, get_component_bundle, suggest_combination, get_design_tokens, validate_ui_composition). No mixed conventions or vague verbs.
Six tools is a well-scoped set for a component-source MCP, covering discovery, retrieval, tokens, suggestion and validation. The only slight redundancy is the details/bundle pair, which keeps it from a perfect score.
The surface covers the full workflow: listing/filtering, fetching metadata, fetching source bundles, tokens, design direction and validation. Minor gaps exist (no explicit versioning or project-write/install tool, though install instructions are embedded), but agents can work around them.