Watermelon UI

sh.watermelon由 watermelon.sh 发布官方发布者v2.0.0更新于 Oct 25, 2026

Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source.

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

Watermelon UI 让助手搜索免费的 React、Tailwind 和 shadcn 组件、区块与仪表盘目录，并获取可安装的源码。

可以做什么
在组件、动画组件、区块、仪表盘和模板中搜索目录内容，并列出分类及条目数量或目录顶层统计。获取单个条目，包含预览、依赖、安装命令，以及在存在可安装注册项时提供源码文件。针对某个设计目标先返回若干视觉上相关的选项，再决定实现方式。按每个所需区块挑选兼容的 Watermelon 区块，生成有源码依据的页面方案。通过兼容别名按类型和 slug 查询条目。
适用场景
适合使用 Tailwind 和 shadcn 构建 React 界面时，让助手查找现成组件、区块或仪表盘，比较设计方案，或用已有区块拼装页面方案，而不必全部从零编写。
运行要求
远程 streamable HTTP 端点；未声明任何软件包、环境变量或请求头。清单未声明身份验证。
安装前请注意
目录内容来自第三方，运行检索到的源码文件和安装命令前应先审查。该服务器被描述为只读查询与规划，本身似乎不会写入你的代码库。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Watermelon UI，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/sh.watermelon%2Fui/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "watermelon-ui": {
      "type": "http",
      "url": "https://mcp.watermelon.sh/mcp"
    }
  }
}

README

该仓库没有 README。

工具

8

get_component

Get Component Source

Get a Watermelon entry with preview, dependencies, install command, and source files when an installable registry item is available.

输入参数kindslug必填

get_inspiration

Get UI Inspiration

Return 3-6 visually relevant Watermelon UI options for a design goal before choosing an implementation.

输入参数kindslimitprompt必填

compose_page

Compose Page Plan

Create a source-backed page plan by selecting compatible Watermelon blocks for each requested section.

输入参数prompt必填sections

list_categories

List Categories

List Watermelon UI categories and accurate entry counts, optionally for one catalog kind.

输入参数kind

catalog_summary

Catalog Summary

Return top-level Watermelon catalog counts across content types.

无需输入参数。

list_catalog_entries

List Catalog Entries

Compatibility alias for listing Watermelon entries by kind.

输入参数kind必填limitquerycategory

get_catalog_entry

Get Catalog Entry

Compatibility alias for getting one Watermelon entry by kind and slug.

输入参数kind必填slug必填

版本历史

1
  1. v2.0.0最新Sep 30, 2026

评分

已满足适用检查项的 85%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分

    请声明包含 README 的 GitHub 仓库，或在 OAuth 受保护资源元数据中提供 resource_documentation。

  • 许可证10 分