EneUI Catalogue

io.github.eneui由 GitHub 帳號 eneui 發布v1.0.0更新於 Nov 14, 2026

Search 109k UI components and 1,556 blocks with licence evidence. Ask before you ship.

已驗證Streamable HTTP可網頁執行知識與記憶開發者工具媒體與設計

概覽

AI 產生的概覽

託管式 React/Tailwind/shadcn 元件與區塊目錄,讓助理尋找 UI 元件、取得安裝指令,並在交付前查核授權。

可以做什麼
  • 搜尋與讀取元件:尋找 React/Tailwind/shadcn 元件,依函式庫與元件名稱取得說明、授權、頁面網址與安裝指令
  • 搜尋與讀取區塊:尋找 hero、定價、導覽列、FAQ 等整段頁面區塊,並讀取區塊的檔案清單與登錄檔相依套件
  • 查核授權:讀取函式庫的授權檔案,回傳辨識出的 SPDX 識別碼、儲存庫、檔案雜湊、查核日期與可商業交付標記
  • 設計系統:列出可用的設計系統,並回傳顏色、字體、圓角、陰影與間距等設計權杖
  • 組合頁面:為頁面產生有序的目錄區塊方案,包含區塊識別碼、頁面網址、相依套件與限制條件
  • 瀏覽目錄:列出各分類與其元件數量,並把任一目錄頁面以 Markdown 取回
適用情境
適合在建置或組裝網頁介面時重用現成元件或整段區塊,而不是從零撰寫;也適合在把某個函式庫交付到客戶專案前,確認其授權是否允許。
執行需求
需要遠端 Streamable HTTP 端點;讀取不需安裝、API 金鑰或註冊。付費方案使用 OAuth 2.1 與 PKCE。需要能連線至該託管端點的網路。
安裝前請注意
讀取開放但依 IP 限流。授權結果僅轉述授權檔案內容,不構成法律意見;無法讀取授權的函式庫會標示為未驗證。compose_page 只回傳方案而非產生的程式碼,程式碼仍來自上游函式庫並依其自身授權。

安裝

在 SourceWeft 中

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

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.eneui%2Feneui-mcp/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "eneui-catalogue": {
      "type": "http",
      "url": "https://ui.eneawork.it/mcp"
    }
  }
}

README

EneUI MCP

English · Italiano

A UI catalogue over MCP: 109,000+ React / Tailwind / shadcn components, 1,556 composed blocks and 12,000+ icons — with the source, the declared licence and a one-line install command on every record.

The endpoint is hosted. This repo carries the manifest, the client setup and the examples; the catalogue itself is not redistributed here.

Listed in the official MCP registry as io.github.eneui/eneui-mcp.

https://ui.eneawork.it/mcp
  • Transport: Streamable HTTP (JSON-RPC 2.0)
  • Auth: none for reading (per-IP rate limit); OAuth 2.1 + PKCE for paid tiers
  • No API key, no signup, no install for the remote server

Why this exists

Copying a component from GitHub is free and takes two clicks. What it does not give you is the answer to the question that stops an invoice: may I ship this to my client? The repository usually has a licence file, sometimes it has none, and nobody reads it before delivery.

check_licence reads that file, detects the SPDX id, stores the sha256 and the date, and says whether the library can travel inside a client project. That is the whole product.

30-second setup

Claude Code

bash
claude mcp add --transport http eneui https://ui.eneawork.it/mcp

Cursor / any client with a JSON config

json
{  "mcpServers": {    "eneui": {      "type": "streamable-http",      "url": "https://ui.eneawork.it/mcp"    }  }}

No client at all — runnable script: examples/curl.sh, or inline:

bash
curl -s https://ui.eneawork.it/mcp \  -H 'Content-Type: application/json' \  -H 'Accept: application/json, text/event-stream' \  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list","params":{}}'

Tools

ToolWhat it answers
search_components"find a pricing table / modal / animated hero instead of writing one"
get_componentone component: description, licence, page, install command
search_blocks"find a whole section" (hero, pricing, navbar, FAQ, footer)
get_blockone block: files, registry dependencies, source
check_licencemay I ship this to a client? detects the SPDX id from the repo's licence file, returns the sha256 and a safe_for_commercial_delivery flag
get_design_system / list_design_systemstokens before writing any style
compose_pagean ordered plan of blocks for a page, not generated code
list_categories, get_pagebrowse, and read any page as Markdown

check_licence is the reason this server exists: every other catalogue tells you a component exists, none tells you whether the licence travels with it.

Prompts that work

Search EneUI for a three-tier pricing section with an annual toggle,then check the licence of the library it comes from.
Build a landing page: hero, logos, features, pricing, FAQ, footer.Use compose_page, then get_block for each one.
Before I ship this repo to a client, check the licence of every libraryin package.json.

More, with the shape of a good answer: examples/prompts.md (Italian: examples/prompts.it.md).

What this repo is not

  • Not a dump of the catalogue. The records belong to the libraries that published them and keep their upstream licence.
  • Not a legal opinion. check_licence reports what a licence file says, with the hash that proves which file was read.
  • Not the crawler.

Links

Contributing

A wrong licence is a bug. See CONTRIBUTING.md and the licence-correction issue form — corrections are the most useful contribution this project can get.

Licence

The code and documents in this repo are MIT (see LICENSE). The catalogue records keep their upstream licences — see NOTICE.

來源:README.md,提交 5339fa0

工具

10

search_components

Find an existing React/Tailwind/shadcn component instead of writing one from scratch. Call this first for any UI task: modal, pricing table, animated hero, form, dashboard card. Every result carries the licence and the one-line install command, so the code can ship inside a client project.

輸入參數limitquery必填librarycategory

get_component

Read one component by library + name: description, license, page URL and the install command.

輸入參數name必填library必填

search_blocks

Find a whole page section (hero, pricing, navbar, footer, testimonial, FAQ) instead of assembling one by hand. A block is a complete section published as `registry:block`, not a single component. Use this when the task is 'build the page', and check_licence before shipping a block to a client.

輸入參數limitquery必填source

get_block

Read one block by source + name: description, file list, registry dependencies and where it is published.

輸入參數name必填source必填

check_licence

Check whether a library may be shipped inside a client project. Reads the repository's licence file and returns the detected SPDX id, the repository, the sha256 of that file, the check date and a safe_for_commercial_delivery flag. A library whose licence could not be read comes back as unverified — never assume it is permissive. Call this before delivering code that contains a third-party library.

輸入參數library必填

get_design_system

Return design tokens (colours, typography, radius, shadows, spacing) plus agent instructions, so generated UI stays visually consistent. Call this before composing a page.

輸入參數slug

list_design_systems

List the available design systems with one-line descriptions.

無需輸入參數。

compose_page

Compose a page from real catalogue blocks. Returns an ordered plan with block slugs, page URLs, dependencies and constraints, not generated code.

輸入參數limitthemeintent必填pageTypesections

list_categories

List catalog categories with the number of components in each, so an agent can browse instead of guessing queries.

無需輸入參數。

get_page

Fetch any catalog page as Markdown (a component, a category hub, a library page, an article). Use the same paths as the site, e.g. /components/cat/modal or /blog.

輸入參數path必填

版本歷史

1
  1. v1.0.0最新Nov 14, 2026

評分

已滿足適用檢查項的 100%

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

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分