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