PixilUI components

com.pixilui由 pixilui.com 發布官方發布者v0.1.0更新於 Nov 4, 2026

Search and install PixilUI React components for AI product UI into your app.

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

概覽

AI 產生的概覽

搜尋、查閱並安裝用於 AI 產品介面的 PixilUI React 元件,回傳屬性說明、原始碼與 shadcn CLI 安裝指令。

可以做什麼
  • 用自然語言描述介面需求,或依分類、層級搜尋與瀏覽元件
  • 查看單一元件的適用與不適用情境、屬性表、鍵盤與無障礙細節、相依套件與安裝指令
  • 取得一條可一次安裝多個元件的 shadcn CLI 指令,以及 components.json 的 registries 片段
  • 取得含安裝路徑的原始檔案,免費元件還可取回自成一體的單一檔案版本
  • 取得供編碼代理使用的 PixilUI skill 檔案(設計、動效、文案、無障礙、組合、響應式、檢查清單)
適用情境
適合在以 React 建置 AI 產品介面時使用,讓助理挑選並安裝現成的審核卡片、執行時間軸、串流文字、工具呼叫列等元件,而不必從零撰寫。
執行需求
遠端 streamable HTTP 端點,不需本機套件或執行環境。需要可執行 shadcn CLI 的 React 專案,並使用 PixilUI 基礎設計權杖。Pro 元件需透過 /mcp/pro 網址在瀏覽器登入,或以 Authorization Bearer 標頭送出 Pro 存取權杖;安裝指令另需 PIXILUI_TOKEN 環境變數。
安裝前請注意
未登入或未提供權杖時不會回傳 Pro 元件原始碼,伺服器也要求不要依描述重建 Pro 元件。伺服器會記錄每次交付元件的資訊(slug、層級、來源、時間,登入或帶權杖時還包括權杖 id 與使用者 id),瀏覽器登入會記錄一次連線事件,帶權杖的請求另會保存 30 天後刪除的 IP 位址單向雜湊;無法關閉,匿名連線則維持匿名紀錄。安裝元件會將檔案寫入專案。

安裝

在 SourceWeft 中

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

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

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

{
  "mcpServers": {
    "pixilui-components": {
      "type": "http",
      "url": "https://mcp.pixilui.com/mcp"
    }
  }
}

工具

6

search_items

Search components

Find PixilUI items for a UI job. Describe what the interface has to do in plain words ("ask before the agent sends", "show tool calls with their output", "modal to confirm a delete"). Searches titles, descriptions, when-to-use notes and tags and returns the best matches first. Call this before writing any UI by hand.

輸入參數tiertypelimitquery必填category

list_items

List components

Browse every PixilUI item, optionally filtered by category or tier. Returns slug, title, kind, category, tier and a one-line description.

輸入參數tiercategory

get_item

Read a component

Everything needed to use one item: when to use it and when not, the props table, keyboard, accessibility, motion, files, npm dependencies and the install command. Free items include their source. Pro items include source only when a valid Pro token is sent.

輸入參數slug必填includeSource

get_install_command

Install command

One shadcn CLI command that installs every listed item into the project, plus the components.json registries snippet to add once. Pro items also need the PIXILUI_TOKEN environment variable.

輸入參數slugs必填

get_source

Raw source

The raw files of one item with their install paths, for projects that cannot run the shadcn CLI. Prefer get_install_command. Pro items need a valid Pro token. shape "standalone" returns one self-contained .tsx instead (free components): it needs only react and motion, no Tailwind and no other items.

輸入參數slug必填shape

get_skill

Agent skill

The PixilUI skill for coding agents: SKILL.md and its rule files (design, motion, copy, accessibility, composition, responsive, checklist, components by job, a worked example). Call without a file for SKILL.md and the file list, or with a file name for one file.

輸入參數file

版本歷史

1
  1. v0.1.0最新Nov 4, 2026

評分

已滿足適用檢查項的 72%

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

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

    請在註冊中心條目中發布圖示。

  • 文件15 分

    請宣告包含 README 的 GitHub 儲存庫,或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款不適用

    託管服務按其提供方的條款使用,因此這裡不要求授權條款。此檢查項不計入百分比。