UICapsule
Search and install interactive React components with unusual motion, via the shadcn CLI.
使うべきか
品質と安全性
A
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
~282トークン数（ツール定義）
~1.0 KB一般的なレスポンスサイズ
注意への影響は最小限（128k コンテキストの 0.22%）
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `claude_desktop_config.json` ファイルに追加してください:
{
"mcpServers": {
"components": {
"url": "https://www.uicapsule.com/mcp"
}
}
}リモートエンドポイント
https://www.uicapsule.com/mcpstreamable-httpできること
ツール一覧
ツール（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.
入力スキーマ
{
"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.
入力スキーマ
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"description": "Slug from search_components"
}
},
"required": [
"slug"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}コミュニティ
エビデンス
最近の観測
検証済みバージョンは記録されていませんツール 2 件