Watermelon UI 是一个免费的 React 与 Tailwind 界面资源目录，同时提供配套的 MCP 服务，用于检索和获取界面代码。
用途：当用户需要 React 组件、页面区块、仪表盘、模板或设计灵感时，可通过该技能查找可复用的界面素材，避免从零编写。
主要能力：其 MCP 服务为只读模式，无需 API 密钥，可返回预览链接、依赖信息、安装命令以及可用情况下的源文件。支持按视觉与功能需求检索，也可获取灵感对比多个候选项，或为落地页等多区块页面生成起始方案。资源类型包括组件、动画组件、页面区块、仪表盘和模板。
使用方式：默认流程为先根据用户的视觉和功能要求调用 search；若选择不明确，调用 get_inspiration 对比 3 至 6 个合适选项；再对选定的 slug 调用 get_component，获取源码、依赖、预览和 shadcn 安装命令；随后安装或写入返回文件，并按项目现有设计系统调整 token、文案、props 和导入；最后验证响应式行为、键盘交互、无障碍支持和两种支持的颜色模式。对于落地页等多区块场景，可调用 compose_page 生成基于源码的起始方案，并逐一检查所选预览，替换不符合项目视觉方向的区块。选型上，组件用于常见 UI 原语及变体，动画组件用于交互密集的独立部件，区块用于完整页面区段，仪表盘和模板用于组合参考。应保留用户现有框架与约定，不强行覆盖既有设计系统。
接入方式：托管服务器地址为 https://mcp.watermelon.sh/mcp，公开访问，无需认证。
适用场景：需要快速获得 React/Tailwind 界面实现、设计参考或多区块页面起点的开发与设计协作场景。
限制：资料未提供具体收费、性能或兼容范围等信息，暂未提供；MCP 服务为只读，不承担写入或部署功能。