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"
}社区
证据