HorizonX — Premium UI Library

AI コーディングエージェント向け HorizonX プラグイン

HorizonX を日常の言葉で検索し、結果をそのままコードに取り込みます。アニメーション付き UI コンポーネント、デバイスのモックアップ、画像テクスチャ、WebGL シェーダーを HTML、Svelte、React としてエクスポートできるほか、ランディングページ、UI キット、デザインシステム、3D モデル、オープンソースのアイコンライブラリをファイルとして利用できます。

このプラグインには、次の 2 つが含まれています。

• HorizonX MCP サーバー（https://horizonx.so/api/mcp）。エージェントが初めて使用するときに HorizonX アカウントでサインインします。コピーするキーはありません。
• horizonx スキル。検索、パラメーターの確認、プロジェクトのフレームワークに合わせたエクスポート、類似コンポーネントがある場所へのファイルの配置というワークフローをエージェントに教えます。

HorizonX の有効なメンバーシップが必要です。

インストール

Claude Code

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

次に /mcp を実行し、horizonx を選んでサインインします。

Codex

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

Cursor

Cursor はこのプラグインを Agent Plugin として読み込みます。Cursor Marketplace に掲載されるまでは、plugins/horizonx を ~/.cursor/plugins/local/horizonx にコピーし、ウィンドウを再読み込みして、Cursor の指示に従ってサインインしてください。MCP サーバーのみを追加するには、horizonx.so/mcp の Add to Cursor ボタンを使用してください。

Gemini CLI

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

Claude.ai と ChatGPT

HorizonX はClaude コネクターのディレクトリとChatGPT アプリに掲載されています。掲載ページを開いて接続し、HorizonX アカウントでサインインしてください。

その他の MCP クライアント

horizonx.so/mcp に、VS Code、Windsurf、Gemini CLI、Claude.ai、ChatGPT などのセットアップ方法があります。

試してみる

• 「HorizonX を使って、このページにアニメーション付きのヒーロー背景を追加してください。」
• 「HorizonX を使って、ビフォーアフター画像スライダーを探し、React コンポーネントとして追加してください。」
• 「HorizonX を使って、SaaS のランディングページテンプレートを探してください。」
• 「HorizonX のデザインシステムのスタイルに合わせて、その DESIGN.md に従い、このダッシュボードを作成してください。」

ファイル構成

.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 entry
plugins/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 に extensions["com.openai"].auth ブロックがないのは意図的です。Codex 0.163.0 は、extensions キーを含むプラグインの MCP サーバーを除外します。Codex はサーバーから HorizonX の OAuth を検出するため、情報が失われることはありません。

サポート

[email protected] · プライバシー · 利用規約