UICapsule
Search and install interactive React components with unusual motion, via the shadcn CLI.
Sollte ich dies verwenden
Qualität und Sicherheit
Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.
Kontextkosten
Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.
Installieren
Installation mit einem Klick
Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:
{
"mcpServers": {
"components": {
"url": "https://www.uicapsule.com/mcp"
}
}
}Remote-Endpunkte
https://www.uicapsule.com/mcpstreamable-httpWas es kann
Tool-Inventar
Tools (2)
🟢search_components(limit, query, tags)
Search the UICapsule catalog by what a component does or looks like. An empty query lists everything, newest first.
Eingabe-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.
Eingabe-Schema
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "Slug from search_components"
}
},
"required": [
"slug"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}Community
Nachweis