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"
}커뮤니티
증거