HorizonX — Premium UI Library

io.github.Mdx2025由 GitHub 帳號 Mdx2025 發布v0.1.1更新於 Nov 2, 2026

Animated UI components, shaders, templates and UI kits from HorizonX, exported into your code

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

概覽

AI 產生的概覽

HorizonX MCP 伺服器讓 AI 程式助理以自然語言搜尋高階 UI 資源庫,並把動畫元件、著色器、範本和 UI 套件匯出到你的程式碼中。

可以做什麼
  • 以自然語言搜尋 HorizonX 資源,包括動畫 UI 元件、裝置樣機、影像材質和 WebGL 著色器
  • 將找到的資源匯出為 HTML、Svelte 或 React 程式碼,或匯出著陸頁、UI 套件、設計系統、3D 模型和圖示庫檔案
  • 匯出前檢視資源的參數,並把產生的檔案放到專案中同類元件所在的位置
  • 透過隨附的技能了解搜尋、檢視參數、匯出與放置的完整流程
適用情境
適合在開發前端介面時,讓助理把現成的動畫元件、著色器、著陸頁範本或設計系統樣式帶進既有程式庫,而不是從零撰寫。
執行需求
透過 streamable HTTP 連線到 horizonx.so 的遠端 MCP 端點,首次使用時需以 HorizonX 帳號進行 OAuth 登入(不必複製金鑰)。需要有效的 HorizonX 會員資格。部分用戶端需先安裝配套外掛或擴充功能。
安裝前請注意
需要付費的 HorizonX 會員並以 OAuth 登入帳號。伺服器會把程式碼和檔案匯出到你的專案,提交前應檢查產生的元件。README 提到此外掛會傳送資料,使用前請查看其隱私說明。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 HorizonX — Premium UI Library,將其新增到工作區。
  2. 連接 所需的 憑證。它們會被私密儲存,絕不會在公開頁面上展示。
  3. 為需要使用其工具的對話啟用該服務。

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

交給代理程式安裝

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

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

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

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。 客戶端會在首次連接時完成 OAuth 登入。

{
  "mcpServers": {
    "horizonx-premium-ui-library": {
      "type": "http",
      "url": "https://horizonx.so/api/mcp"
    }
  }
}

README

HorizonX plugin for AI coding agents

Search HorizonX in plain language and drop the result straight into your code: animated UI components, device mockups, image textures and WebGL shaders exported as HTML, Svelte or React, plus landing pages, UI kits, design systems, 3D models and open-source icon libraries as files.

The plugin bundles two things:

  • The HorizonX MCP server (https://horizonx.so/api/mcp). You sign in with your HorizonX account the first time your agent uses it; there is no key to copy.
  • The horizonx skill, which teaches the agent the workflow: search, inspect the parameters, export in your project's framework and place the file where similar components live.

An active HorizonX membership is required.

Install

Claude Code

/plugin marketplace add Mdx2025/horizonx-agent-plugin/plugin install horizonx@horizonx

Then run /mcp, pick horizonx and sign in.

Codex

codex plugin marketplace add Mdx2025/horizonx-agent-plugincodex plugin add horizonx@horizonxcodex mcp login horizonx

Cursor

Cursor reads this plugin as an Agent Plugin. Until it is listed in the Cursor Marketplace, copy plugins/horizonx to ~/.cursor/plugins/local/horizonx, reload the window and sign in when Cursor asks. To add only the MCP server, use the Add to Cursor button on horizonx.so/mcp.

Gemini CLI

gemini extensions install https://github.com/Mdx2025/horizonx-agent-plugin

Claude.ai and ChatGPT

HorizonX is listed in the Claude connectors directory and in ChatGPT apps. Open the listing, connect it and sign in with your HorizonX account.

Any other MCP client

horizonx.so/mcp has the setup for VS Code, Windsurf, Gemini CLI, Claude.ai, ChatGPT and others.

Try it

  • "Use HorizonX to add an animated hero background to this page."
  • "Use HorizonX to find a before-and-after image slider and add it as a React component."
  • "Use HorizonX to find a SaaS landing page template."
  • "Use HorizonX to build this dashboard in the style of a HorizonX design system, following its DESIGN.md."

Layout

.claude-plugin/marketplace.json      Claude Code marketplace.agents/plugins/marketplace.json     Codex marketplace.cursor-plugin/marketplace.json      Cursor marketplace (points at plugins/horizonx)gemini-extension.json                Gemini CLI extension (MCP server only)server.json                          Official MCP Registry entryplugins/horizonx/  plugin.json, mcp.json              Agent Plugins manifest (Codex, Cursor, OpenAI listing and review cases)  .claude-plugin/plugin.json, .mcp.json   Claude Code manifest  skills/horizonx/SKILL.md           The skill  README.md                          Tools and the data the plugin sends  assets/icon.png

mcp.json has no extensions["com.openai"].auth block on purpose: Codex 0.163.0 drops a plugin MCP server that carries any extensions key. Codex discovers HorizonX's OAuth from the server, so nothing is lost.

Support

[email protected] · Privacy · Terms

來源:README.md,提交 db1acd7

工具

0
該伺服器需要登入,因此 SourceWeft 無法在沒有帳號的情況下讀取其工具,也未收錄。已連接帳號所能看到的內容可能因帳號及其權限而異。

版本歷史

2
  1. v0.1.1最新Oct 19, 2026
  2. v0.1.0Oct 16, 2026

評分

已滿足適用檢查項的 85%

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

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

    請讓伺服器在無憑證時回應 tools/list,或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分