Skip to main content
Glama
Sign In
UI Kit Aggregator MCP

UI Kit Aggregator MCP

by Faixiang
OverviewSchemaSourceRelated ServersDiscussionsAdmin
TypeScript
Remote

為什麼要做這個

用 AI 做網站時，常常需要現成的按鈕、版面、文字動畫或整頁設計提示。這些材料已經存在，只是分散在不同官方目錄裡，授權條件也不一樣。

如果助手略過這些差異，就可能用錯授權、取到不該取的付費內容，或在授權不明時仍然把原始碼帶出來。這個服務把「搜尋」和「許可證檢查」做成同一條路：先搜，再決定可不可以取用。沒有付費金鑰時，免費目錄仍可正常使用。

本專案不擁有這 8 個目錄，只從官方介面取內容，不會把整庫鏡像下來。

Related MCP server: UI HUB MCP Server

特色

  • 🔍　一次搜尋 8 個官方 UI／動效目錄

  • 🚪　同一套許可證門禁，沒有跳過檢查的參數

  • 🆓　沒有金鑰也能使用免費目錄

  • 🔑　遇到付費內容會先詢問，不會默默失敗或偷偷略過

  • 📦　回傳官方安裝方式、文件摘錄或可用原始碼

  • ⚖️　會區分最終產品使用與再分發

八個來源

  • MotionSites：概念站整頁設計提示詞。本服務只提供官方入口，不返回鎖定的提示詞正文。

  • React Bits：可複製貼上的 React 動畫元件。免費目錄為 MIT + Commons Clause；Pro 需要 REACTBITS_LICENSE_KEY。

  • Uiverse：社群 HTML、CSS、Tailwind 和 React 小部件，許可證一般為 MIT。

  • Anime.js：輕量 JavaScript 動畫引擎及其官方文件，許可證為 MIT。

  • Aceternity UI：偏進階視覺效果的 React 與 Tailwind 元件。免費目錄可直接取用；All-Access 需要 ACETERNITY_PRO_TOKEN。

  • Motion Prompt：動畫、鏡頭運動與頁面轉場的提示詞庫，許可證為 MIT。

  • Cult UI：官方 registry 中的 React／shadcn 風格元件，許可證為 MIT。

  • Magic UI：官方免費／MIT 目錄中的動畫元件。Magic UI Pro 不是本服務的來源，會被直接攔截。

提供哪些工具

  • list_sources：列出全部來源、專長、許可證摘要，以及需要哪些環境變數。

  • search_ui_kits：在全部或指定來源中搜尋。這是最常用的入口。

  • get_item：取選定項目的文件摘錄、官方示例或元件原始碼。

  • get_license：只查看條款、署名和聲明文本。

  • check_compliance：檢查擬定用途是否合規，例如用在客戶行銷網站，或再發佈成元件庫。

典型流程是：你向助手描述需要什麼，助手用 search_ui_kits 搜尋，再對選定的那一條呼叫 get_item。

許可證門禁

每一條內容都必須經過門禁，才能帶正文離開工具。

  • allowed：許可證明確且用途允許，返回正文。

  • flagged：還有額外義務（例如第三方字體聲明）。正文仍可返回，原聲明必須保留。

  • blocked：攔截並省略正文，只保留原因和條款連結。

  • needs_token：缺少所需金鑰。助手會問你要設定金鑰還是跳過，不會在工具呼叫裡收集金鑰。

官方註冊／取得金鑰：

以下情況一律是 blocked，不會改成「要不要加金鑰」：許可證無法確定、MotionSites 的提示詞正文、Magic UI Pro，以及不允許的再分發（例如把元件再發佈成元件庫，或出售模板包）。

「用在客戶行銷網站」一般視為最終產品，通常可以；「再發佈為元件庫」或「出售模板包」屬於再分發，會被攔截。

快速開始

需要 Node.js 20 或更新版本。

git clone https://github.com/Faixiang/UI-Kit-Aggregator-MCP
cd UI-Kit-Aggregator-MCP
npm install
npm start

預設透過標準輸入輸出（stdio）提供服務。在 Cursor 的 MCP 設定（專案內常見為 .cursor/mcp.json）或 Claude Code 的 .mcp.json 中加入：

{
  "mcpServers": {
    "ui-kit-aggregator": {
      "command": "node",
      "args": ["dist/index.js"]
    }
  }
}

請把 args 換成你本機 dist/index.js 的實際路徑，然後重載 MCP 或重啟客戶端。

若要在本機開 HTTP 服務：

MCP_TRANSPORT=http npm start

預設監聽 http://127.0.0.1:3847/mcp，健康檢查為 /health。不要在已載入付費金鑰時，把這個連接埠暴露到公網。

可選環境變數請只放在本機環境或 MCP 設定的 env 中，不要寫進倉庫，也不要發到聊天裡：

  • ACETERNITY_PRO_TOKEN：未設定時，Aceternity 免費目錄仍可用。

  • REACTBITS_LICENSE_KEY：未設定時，React Bits 免費目錄仍可用。

  • GITHUB_TOKEN：可改善 Uiverse 的標籤搜尋，通常只需公開倉庫權限。

授權

本專案程式碼以 MIT 授權。各來源的內容仍歸屬於原本的作者與許可證，詳見 NOTICE 與 LICENSES.md。

Available Tools

5 tools
check_complianceCheck a proposed useA
Read-only

Decide whether a proposed use is allowed for a chosen source. Specialties: MotionSites (motionsites): AI website prompt library for conceptual sites such as landing pages, SaaS marketing pages, and portfolios. Choose this for full-page design prompts, not drop-in components. React Bits (react-bits): React animation components: text effects, backgrounds, and UI micro-interactions, in JavaScript or TypeScript with CSS or Tailwind. Choose this for copy-and-paste React components. Uiverse (uiverse): Community HTML, CSS, Tailwind, and React snippets, including hover effects, buttons, and cards. Choose this for small, standalone UI widgets. Anime.js (anime): Lightweight JavaScript animation engine for timelines, easing, and animating DOM, CSS, or SVG elements. Choose this when you need an animation library or its official docs and examples, not a component kit. Aceternity UI (aceternity): React and Tailwind component library with advanced visual effects, including 3D, parallax, spotlight, aurora, glow, and shader-based visuals. Choose this for polished, cinematic UI blocks. Motion Prompt (motion-prompt): Motion vocabulary and prompt library for describing animations, camera moves, and page transitions to AI. Choose this for named effect terms, copyable prompts, and motion demos, not drop-in UI components. Cult UI (cult-ui): Distinctive React / shadcn-style UI components from the official Cult UI registry. Choose this for copy-and-paste Cult components, not a general animation engine. Magic UI (magic-ui): Free React and Tailwind animated components (official free / MIT catalog only). Choose this for copy-and-paste Magic UI free blocks; do not use this source for Magic UI Pro. End products (a client marketing site, an app, a website) are treated differently from republishing the kit as a component library, template pack, or marketplace product. Does not return source. This tool judges the proposed use, not a missing token. When a source or item requires a token or license key that is not configured, the result status is "needs_token" (not "blocked" and not "allowed"). Do not treat that as a quiet failure. Tell the user that this specific content needs a token, name the product (for example Aceternity All-Access or React Bits Pro) and the environment variable (for example ACETERNITY_PRO_TOKEN or REACTBITS_LICENSE_KEY), point them to the official register URLs in the result, and ask whether to configure/add the token or skip this item. Only retry or fetch after the user confirms and the token is in place; if they skip, stop and do not fetch. This server does not collect the secret in the tool call. If the required token is already configured, fetch proceeds when the license otherwise allows it. Hard compliance blocks stay "blocked" with the body omitted: unclear licenses, disallowed scrape or prompt types, MotionSites prompt bodies, Magic UI Pro and other paid catalogs this server does not support, and redistribution the license forbids. Magic UI Pro is not a missing-token case and must not be offered as "add a token". There is no skip_license_check.

Inputs: source (required), proposedUse (required), itemId.

get_itemGet one gated itemA
Read-only

Fetch one official doc excerpt, example, or component source after the license gate. Choose the source by specialty: MotionSites (motionsites): AI website prompt library for conceptual sites such as landing pages, SaaS marketing pages, and portfolios. Choose this for full-page design prompts, not drop-in components. React Bits (react-bits): React animation components: text effects, backgrounds, and UI micro-interactions, in JavaScript or TypeScript with CSS or Tailwind. Choose this for copy-and-paste React components. Uiverse (uiverse): Community HTML, CSS, Tailwind, and React snippets, including hover effects, buttons, and cards. Choose this for small, standalone UI widgets. Anime.js (anime): Lightweight JavaScript animation engine for timelines, easing, and animating DOM, CSS, or SVG elements. Choose this when you need an animation library or its official docs and examples, not a component kit. Aceternity UI (aceternity): React and Tailwind component library with advanced visual effects, including 3D, parallax, spotlight, aurora, glow, and shader-based visuals. Choose this for polished, cinematic UI blocks. Motion Prompt (motion-prompt): Motion vocabulary and prompt library for describing animations, camera moves, and page transitions to AI. Choose this for named effect terms, copyable prompts, and motion demos, not drop-in UI components. Cult UI (cult-ui): Distinctive React / shadcn-style UI components from the official Cult UI registry. Choose this for copy-and-paste Cult components, not a general animation engine. Magic UI (magic-ui): Free React and Tailwind animated components (official free / MIT catalog only). Choose this for copy-and-paste Magic UI free blocks; do not use this source for Magic UI Pro. If the required token or key is already configured, the fetch proceeds when the license otherwise allows it. If the item requires a token or key that is not configured, status is "needs_token" (not "blocked"): the body is omitted and you must tell the user this content needs a token, name the product and env var, and ask whether to configure/add the token or skip the item. Only retry after the user confirms and the token is in place; if they skip, stop and do not fetch. Hard license blocks stay "blocked" with the body omitted: unclear licenses, disallowed scrape or prompt types, MotionSites prompt bodies, Magic UI Pro and other paid catalogs this server does not support. Magic UI Pro is not a missing-token case — do not offer to add a token. Pass intendedUse when the use might be redistribution rather than an end product. When a source or item requires a token or license key that is not configured, the result status is "needs_token" (not "blocked" and not "allowed"). Do not treat that as a quiet failure. Tell the user that this specific content needs a token, name the product (for example Aceternity All-Access or React Bits Pro) and the environment variable (for example ACETERNITY_PRO_TOKEN or REACTBITS_LICENSE_KEY), point them to the official register URLs in the result, and ask whether to configure/add the token or skip this item. Only retry or fetch after the user confirms and the token is in place; if they skip, stop and do not fetch. This server does not collect the secret in the tool call. If the required token is already configured, fetch proceeds when the license otherwise allows it. Hard compliance blocks stay "blocked" with the body omitted: unclear licenses, disallowed scrape or prompt types, MotionSites prompt bodies, Magic UI Pro and other paid catalogs this server does not support, and redistribution the license forbids. Magic UI Pro is not a missing-token case and must not be offered as "add a token". There is no skip_license_check.

Inputs: id (required), source (required), variant, intendedUse.

get_licenseGet license termsA
Read-only

Read the license name, URL, attribution, and notice for a source without fetching component or prompt source. Specialties: MotionSites (motionsites): AI website prompt library for conceptual sites such as landing pages, SaaS marketing pages, and portfolios. Choose this for full-page design prompts, not drop-in components. React Bits (react-bits): React animation components: text effects, backgrounds, and UI micro-interactions, in JavaScript or TypeScript with CSS or Tailwind. Choose this for copy-and-paste React components. Uiverse (uiverse): Community HTML, CSS, Tailwind, and React snippets, including hover effects, buttons, and cards. Choose this for small, standalone UI widgets. Anime.js (anime): Lightweight JavaScript animation engine for timelines, easing, and animating DOM, CSS, or SVG elements. Choose this when you need an animation library or its official docs and examples, not a component kit. Aceternity UI (aceternity): React and Tailwind component library with advanced visual effects, including 3D, parallax, spotlight, aurora, glow, and shader-based visuals. Choose this for polished, cinematic UI blocks. Motion Prompt (motion-prompt): Motion vocabulary and prompt library for describing animations, camera moves, and page transitions to AI. Choose this for named effect terms, copyable prompts, and motion demos, not drop-in UI components. Cult UI (cult-ui): Distinctive React / shadcn-style UI components from the official Cult UI registry. Choose this for copy-and-paste Cult components, not a general animation engine. Magic UI (magic-ui): Free React and Tailwind animated components (official free / MIT catalog only). Choose this for copy-and-paste Magic UI free blocks; do not use this source for Magic UI Pro. Use this before copying anything into a repository. If a listed item would need a token that is not configured, sourceAccess is "needs_token" and asks configure-or-skip; Magic UI Pro and similar unsupported catalogs stay blocked. When a source or item requires a token or license key that is not configured, the result status is "needs_token" (not "blocked" and not "allowed"). Do not treat that as a quiet failure. Tell the user that this specific content needs a token, name the product (for example Aceternity All-Access or React Bits Pro) and the environment variable (for example ACETERNITY_PRO_TOKEN or REACTBITS_LICENSE_KEY), point them to the official register URLs in the result, and ask whether to configure/add the token or skip this item. Only retry or fetch after the user confirms and the token is in place; if they skip, stop and do not fetch. This server does not collect the secret in the tool call. If the required token is already configured, fetch proceeds when the license otherwise allows it. Hard compliance blocks stay "blocked" with the body omitted: unclear licenses, disallowed scrape or prompt types, MotionSites prompt bodies, Magic UI Pro and other paid catalogs this server does not support, and redistribution the license forbids. Magic UI Pro is not a missing-token case and must not be offered as "add a token". There is no skip_license_check.

Inputs: source (required), itemId.

list_sourcesList UI sourcesA
Read-only

List the eight animation/UI sources with each site's specialty, license summary, and which environment variables unlock paid official registries. Use the specialties to pick a source: MotionSites (motionsites): AI website prompt library for conceptual sites such as landing pages, SaaS marketing pages, and portfolios. Choose this for full-page design prompts, not drop-in components. React Bits (react-bits): React animation components: text effects, backgrounds, and UI micro-interactions, in JavaScript or TypeScript with CSS or Tailwind. Choose this for copy-and-paste React components. Uiverse (uiverse): Community HTML, CSS, Tailwind, and React snippets, including hover effects, buttons, and cards. Choose this for small, standalone UI widgets. Anime.js (anime): Lightweight JavaScript animation engine for timelines, easing, and animating DOM, CSS, or SVG elements. Choose this when you need an animation library or its official docs and examples, not a component kit. Aceternity UI (aceternity): React and Tailwind component library with advanced visual effects, including 3D, parallax, spotlight, aurora, glow, and shader-based visuals. Choose this for polished, cinematic UI blocks. Motion Prompt (motion-prompt): Motion vocabulary and prompt library for describing animations, camera moves, and page transitions to AI. Choose this for named effect terms, copyable prompts, and motion demos, not drop-in UI components. Cult UI (cult-ui): Distinctive React / shadcn-style UI components from the official Cult UI registry. Choose this for copy-and-paste Cult components, not a general animation engine. Magic UI (magic-ui): Free React and Tailwind animated components (official free / MIT catalog only). Choose this for copy-and-paste Magic UI free blocks; do not use this source for Magic UI Pro. Does not return component source or MotionSites prompt text. When a source or item requires a token or license key that is not configured, the result status is "needs_token" (not "blocked" and not "allowed"). Do not treat that as a quiet failure. Tell the user that this specific content needs a token, name the product (for example Aceternity All-Access or React Bits Pro) and the environment variable (for example ACETERNITY_PRO_TOKEN or REACTBITS_LICENSE_KEY), point them to the official register URLs in the result, and ask whether to configure/add the token or skip this item. Only retry or fetch after the user confirms and the token is in place; if they skip, stop and do not fetch. This server does not collect the secret in the tool call. If the required token is already configured, fetch proceeds when the license otherwise allows it. Hard compliance blocks stay "blocked" with the body omitted: unclear licenses, disallowed scrape or prompt types, MotionSites prompt bodies, Magic UI Pro and other paid catalogs this server does not support, and redistribution the license forbids. Magic UI Pro is not a missing-token case and must not be offered as "add a token". There is no skip_license_check.

Inputs: no named parameters.

search_ui_kitsSearch UI kitsA
Read-only

One-shot search across MotionSites, React Bits, Uiverse, Anime.js, Aceternity UI, Motion Prompt, Cult UI, and Magic UI. Pick a source by specialty: MotionSites (motionsites): AI website prompt library for conceptual sites such as landing pages, SaaS marketing pages, and portfolios. Choose this for full-page design prompts, not drop-in components. React Bits (react-bits): React animation components: text effects, backgrounds, and UI micro-interactions, in JavaScript or TypeScript with CSS or Tailwind. Choose this for copy-and-paste React components. Uiverse (uiverse): Community HTML, CSS, Tailwind, and React snippets, including hover effects, buttons, and cards. Choose this for small, standalone UI widgets. Anime.js (anime): Lightweight JavaScript animation engine for timelines, easing, and animating DOM, CSS, or SVG elements. Choose this when you need an animation library or its official docs and examples, not a component kit. Aceternity UI (aceternity): React and Tailwind component library with advanced visual effects, including 3D, parallax, spotlight, aurora, glow, and shader-based visuals. Choose this for polished, cinematic UI blocks. Motion Prompt (motion-prompt): Motion vocabulary and prompt library for describing animations, camera moves, and page transitions to AI. Choose this for named effect terms, copyable prompts, and motion demos, not drop-in UI components. Cult UI (cult-ui): Distinctive React / shadcn-style UI components from the official Cult UI registry. Choose this for copy-and-paste Cult components, not a general animation engine. Magic UI (magic-ui): Free React and Tailwind animated components (official free / MIT catalog only). Choose this for copy-and-paste Magic UI free blocks; do not use this source for Magic UI Pro. Each hit already passed the license gate and includes compliance, a short blurb, the official URL, and install/use instructions. Filter with sources. This does not return full source; call get_item for one allowed item. When a source or item requires a token or license key that is not configured, the result status is "needs_token" (not "blocked" and not "allowed"). Do not treat that as a quiet failure. Tell the user that this specific content needs a token, name the product (for example Aceternity All-Access or React Bits Pro) and the environment variable (for example ACETERNITY_PRO_TOKEN or REACTBITS_LICENSE_KEY), point them to the official register URLs in the result, and ask whether to configure/add the token or skip this item. Only retry or fetch after the user confirms and the token is in place; if they skip, stop and do not fetch. This server does not collect the secret in the tool call. If the required token is already configured, fetch proceeds when the license otherwise allows it. Hard compliance blocks stay "blocked" with the body omitted: unclear licenses, disallowed scrape or prompt types, MotionSites prompt bodies, Magic UI Pro and other paid catalogs this server does not support, and redistribution the license forbids. Magic UI Pro is not a missing-token case and must not be offered as "add a token". There is no skip_license_check.

Inputs: query (required), limit, sources, variant.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

Loading tool schema changelog…

    Deploy Server
    Claude Code, inside the Godot 4 editorFlockbay puts an AI agent in the real Godot 4 editor: it writes GDScript, runs your game and fixes what breaks. Free, or bring your own Claude Code or Codex.flockbay.comAd

    TDQS

    A4.1/5.0

    Scored across 5 tools

    Disambiguation4/5

    Each tool has a recognizable role in a discover→inspect→fetch→verify pipeline: list_sources, search_ui_kits, get_item, get_license, check_compliance. The only soft overlap is between get_license (reads license metadata) and check_compliance (judges a proposed use), which an agent could confuse when asking 'can I use this?'. The near-identical boilerplate text repeated in every description also makes the tools harder to skim apart, even though the core actions differ.

    Naming Consistency5/5

    All five names follow a clean verb_noun snake_case pattern (list_sources, get_license, search_ui_kits, get_item, check_compliance). Verbs are chosen distinctly per action rather than reused vaguely. Fully predictable.

    Tool Count5/5

    Five tools is well-scoped for a read-only aggregator: discover sources, search, fetch an item, read license, check compliance. No tool feels redundant or filler, and nothing essential is obviously missing from the count itself.

    Completeness4/5

    The surface covers the full lifecycle for a licensed UI-kit catalog: list sources, search with filters, fetch an item, inspect license, and gate usage via compliance. Minor gaps include no per-source browse/index tool (you must search blind with a query) and no token-status check tool, so agents must probe by fetching.

    Maintenance

    ActivityMaintained
    ResponsivenessNo recent community issues

    Resources

    Related MCP Connectors

    Related MCP Servers

    • UI HUB MCP Server

      jainil224
      F
      license
      Not graded
      quality
      B
      maintenance
      Enables AI coding assistants to search, discover, and retrieve UI HUB components, source code, dependencies, templates, and animations via MCP.
      -

    • Tessera

      radityama
      A
      license
      Not graded
      quality
      B
      maintenance
      Enables coding agents to search, inspect, and retrieve real UI components from existing component libraries, with ranked results, score explanations, licence and provenance details, and safe installation plans. It also surfaces similar components and higher-level UI patterns so agents can reuse existing interface code instead of generating it from scratch.
      38 npm
      MIT