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 分