UICapsule

com.uicapsulev1.0.0更新于 Sep 29, 2026

Search and install interactive React components with unusual motion, via the shadcn CLI.

已验证Streamable HTTP可网页运行Developer ToolsMedia & Design

概览

AI 生成的概览

让助手搜索精选的交互式 React 组件,并通过 shadcn CLI 安装到项目中。

功能
UICapsule 提供一个精选的 React 组件目录,这些组件带有独特的动效,助手可以按功能来查找组件。安装通过 shadcn CLI 完成,例如 npx shadcn@latest add @uicapsule/ ,因此助手可以把选中的组件加入项目。README 说明 MCP 端点与浏览组件库使用同一个网址。
适用场景
适合在开发 React 或基于 shadcn 的前端时,让助手挑选并引入带动效的交互组件,而不必从零编写。它只是单一用途的组件目录,在前端组件工作之外帮助有限。
运行要求
需要远程 Streamable HTTP 端点 Node.js 环境、npx 与 shadcn CLI,并需要网络访问。
安装前请注意
安装组件会执行 shadcn CLI 并向项目写入文件,提交前应检查新增内容。README 未说明组件的许可、来源或审核情况,端点也未声明身份验证。

安装

在 SourceWeft 中

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

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

其他 MCP 客户端

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

{
  "mcpServers": {
    "components": {
      "type": "http",
      "url": "https://www.uicapsule.com/mcp"
    }
  }
}

README

UICapsule

A curated collection of components that spark joy

Install a component

bash
npx shadcn@latest add @uicapsule/<slug>

Browse www.uicapsule.com for slugs.

MCP

Let your agent search and install components by what they do:

bash
claude mcp add --transport http uicapsule https://www.uicapsule.com/mcp

Any client that speaks Streamable HTTP works with the same URL. Also listed in the MCP Registry as com.uicapsule/components.

来源:README.md,提交 3f88cef

工具

0
工具元数据尚未被收录。

版本历史

1
  1. v1.0.0最新Sep 29, 2026