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 分