UI Beats

com.uibeats由 uibeats.com 發布v0.1.3更新於 Oct 24, 2026

MCP server for UI Beats. Let your coding agent search, read and install animated React components.

已驗證STDIO僅桌面開發者工具媒體與設計

概覽

AI 產生的概覽

本機 MCP 伺服器，讓編碼助理搜尋、閱讀並安裝 UI Beats 目錄中的動畫 React 元件。

可以做什麼
  • 以自然語言查詢或名稱檢索元件目錄，或依分類列出全部元件
  • 讀取單一元件的完整文件：props 表、用法範例與完整原始碼
  • 取得確切的 shadcn 安裝指令及其帶入的 npm 套件
適用情境
適合編碼助理在建置 React 介面時，從 UI Beats 目錄挑選實際的動畫元件、在撰寫 JSX 前查看真實 props，並完成安裝而不必開啟網站。
執行需求
透過 stdio 在本機執行，通常以 npx 執行 @uibeats/mcp 套件，因此需要 Node.js 以及連線至 UI Beats 網站的網路。未宣告帳號、API 金鑰或標頭。選用變數 UIBEATS_URL 可覆寫基底網址，例如指向本機開發伺服器。
安裝前請注意
助理可能執行其取得的 shadcn 安裝指令，因而在專案中加入 npm 套件並寫入元件檔案。目錄資料從 UI Beats 網站取得並快取於記憶體，查詢與元件請求會傳送給該第三方。僅限桌面版，不支援網頁執行。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 UI Beats，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

@uibeats/mcp

MCP server for UI Beats. Lets a coding agent search the component catalogue, read a component's full source and props, and install it, without anyone opening the website.

Install

Claude Code:

bash
claude mcp add uibeats -- npx -y @uibeats/mcp

Cursor, Windsurf, Claude Desktop and anything else that reads an mcpServers block:

json
{  "mcpServers": {    "uibeats": {      "command": "npx",      "args": ["-y", "@uibeats/mcp"]    }  }}

Tools

ToolWhat it does
search_componentsRank the catalogue against a plain-language query or a name
get_componentFull docs for one component: props table, usage example, complete source
list_componentsEverything available, grouped by category
get_install_commandThe exact shadcn command, plus the npm packages it pulls in

A typical exchange: the agent calls search_components("card that flips"), then get_component("flip-card") to read the real props before writing any JSX, then get_install_command("flip-card") and runs it.

How it works

There is no backend. The server is a cached client over two static files the site already publishes:

  • /r/components.json: the search index (names, descriptions, props, guidance)
  • /docs/<category>/<name>.md: the canonical document for one component

The catalogue is cached in memory for ten minutes, and a stale copy is kept as a fallback so a brief network failure does not break every tool call.

Configuration

VariableDefaultPurpose
UIBEATS_URLhttps://uibeats.comPoint at a local next dev while working
bash
UIBEATS_URL=http://localhost:3000 npx @uibeats/mcp

Development

This package is standalone: it is not part of the site's Yarn install.

bash
cd packages/mcpnpm installnpm run build

License

MIT

來源：packages/mcp/README.md，提交 e1c367a

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v0.1.3最新Sep 16, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分