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 分