Watermelon UI
Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source.
使うべきか
品質と安全性
検出事項（1）
- LOWTool 'get_inspiration' description lacks action verbget_inspiration 内
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `claude_desktop_config.json` ファイルに追加してください:
{
"mcpServers": {
"ui": {
"url": "https://mcp.watermelon.sh/mcp"
}
}
}リモートエンドポイント
https://mcp.watermelon.sh/mcpstreamable-httpできること
ツール一覧
ツール（8）
🟢search(query, kinds, category, limit)
Search the complete Watermelon UI catalog across components, animated components, blocks, dashboards, and templates.
入力スキーマ
{
"type": "object",
"properties": {
"query": {
"type": "string",
"minLength": 1,
"description": "Natural-language UI need, such as \"animated pricing card\"."
},
"kinds": {
"type": "array",
"items": {
"type": "string",
"enum": [
"components",
"animated-components",
"blocks",
"dashboards",
"templates"
]
}
},
"category": {
"type": "string"
},
"limit": {
"type": "integer",
"minimum": 1,
"maximum": 50
}
},
"required": [
"query"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_component(slug, kind)
Get a Watermelon entry with preview, dependencies, install command, and source files when an installable registry item is available.
入力スキーマ
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"minLength": 1
},
"kind": {
"type": "string",
"enum": [
"components",
"animated-components",
"blocks",
"dashboards",
"templates"
]
}
},
"required": [
"slug"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_inspiration(prompt, kinds, limit)
Return 3-6 visually relevant Watermelon UI options for a design goal before choosing an implementation.
入力スキーマ
{
"type": "object",
"properties": {
"prompt": {
"type": "string",
"minLength": 1
},
"kinds": {
"type": "array",
"items": {
"type": "string",
"enum": [
"components",
"animated-components",
"blocks",
"dashboards",
"templates"
]
}
},
"limit": {
"type": "integer",
"minimum": 3,
"maximum": 6
}
},
"required": [
"prompt"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢compose_page(prompt, sections)
Create a source-backed page plan by selecting compatible Watermelon blocks for each requested section.
入力スキーマ
{
"type": "object",
"properties": {
"prompt": {
"type": "string",
"minLength": 1
},
"sections": {
"maxItems": 8,
"type": "array",
"items": {
"type": "string",
"minLength": 1
}
}
},
"required": [
"prompt"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢list_categories(kind)
List Watermelon UI categories and accurate entry counts, optionally for one catalog kind.
入力スキーマ
{
"type": "object",
"properties": {
"kind": {
"type": "string",
"enum": [
"components",
"animated-components",
"blocks",
"dashboards",
"templates"
]
}
},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢catalog_summary
Return top-level Watermelon catalog counts across content types.
入力スキーマ
{
"type": "object",
"properties": {},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢list_catalog_entries(kind, category, query, limit)
Compatibility alias for listing Watermelon entries by kind.
入力スキーマ
{
"type": "object",
"properties": {
"kind": {
"type": "string",
"enum": [
"components",
"animated-components",
"blocks",
"dashboards",
"templates"
]
},
"category": {
"type": "string"
},
"query": {
"type": "string"
},
"limit": {
"type": "integer",
"minimum": 1,
"maximum": 50
}
},
"required": [
"kind"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_catalog_entry(kind, slug)
Compatibility alias for getting one Watermelon entry by kind and slug.
入力スキーマ
{
"type": "object",
"properties": {
"kind": {
"type": "string",
"enum": [
"components",
"animated-components",
"blocks",
"dashboards",
"templates"
]
},
"slug": {
"type": "string",
"minLength": 1
}
},
"required": [
"kind",
"slug"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}コミュニティ
エビデンス