Watermelon UI
Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source.
我該用這個嗎
品質與安全性
發現項目（1）
- LOWTool 'get_inspiration' description lacks action verb在 get_inspiration 中
根據工具定義與協定合規性的自動化分析。
上下文成本
這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高，可用於其他工作的注意力就越少。
安裝
一鍵安裝
將以下內容加入你的 `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"
}社群
證據