MCP MeasureMCP Measure

index observed

UICapsule

Search and install interactive React components with unusual motion, via the shadcn CLI.

Should I use this

Quality & Safety

A
Description quality
100%
Schema completeness
92%
Naming quality
100%
Poisoning risk
100%
Permission match
100%
Protocol compliance
100%

Based on automated analysis of tool definitions and protocol compliance.

Context Cost

~282Tokens (tool definitions)
~1.0 KBTypical response size
Minimal attention impact (0.22% of 128k context)

This is the approximate number of tokens consumed each time the server's tools are loaded into a model's context. Higher counts reduce the attention available for other tasks.

Install

One-Click Install

Add this to your `claude_desktop_config.json` file:

{
  "mcpServers": {
    "components": {
      "url": "https://www.uicapsule.com/mcp"
    }
  }
}

Remote endpoints

https://www.uicapsule.com/mcpstreamable-http

What it can do

Tool inventory

Tools (2)

🟢 Read-only🟡 Write🔴 Delete⚪ Unknown
🟢search_components(limit, query, tags)

Search the UICapsule catalog by what a component does or looks like. An empty query lists everything, newest first.

Input Schema

{
  "type": "object",
  "properties": {
    "limit": {
      "default": 20,
      "type": "integer",
      "minimum": 1,
      "maximum": 100
    },
    "query": {
      "description": "Free text, e.g. \"rotary dial\" or \"ios volume slider\"",
      "type": "string"
    },
    "tags": {
      "description": "Only components carrying every one of these tags",
      "type": "array",
      "items": {
        "type": "string",
        "enum": [
          "effects",
          "controls",
          "cards-grids",
          "navigation",
          "data",
          "pages",
          "minimal",
          "geometric",
          "skeuomorphism",
          "pixel-art",
          "colorful",
          "cyberpunk",
          "silly"
        ]
      }
    }
  },
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}
🟢get_component(slug)

Get one component by slug: its install command, npm dependencies, and the full source of every file it ships.

Input Schema

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "description": "Slug from search_components"
    }
  },
  "required": [
    "slug"
  ],
  "$schema": "https://json-schema.org/draft/2020-12/schema"
}

Community

Rate this Server

Evidence

Recent observations

verifiedversion not recorded2 tools