Hyperiux Vault について
Hyperiux Vault は、AI クライアントから React と Next.js のインタラクションエフェクトを検索・確認し、アカウントで利用可能なソースを取得する MCP サーバーです。カタログ閲覧と詳細確認はログイン不要ですが、ソース取得には Hyperiux アカウントが必要です。
主な機能
- 01名前やカテゴリでエフェクトを検索
- 02説明、依存関係、バージョン、変更履歴を確認
- 03インストールコマンドと利用可能なソースを取得
- 04カテゴリとエフェクト数を一覧表示
活用シーン
- 01React または Next.js のプロジェクト用エフェクトを探す
- 02導入前に依存関係とバージョンを確認
- 03アカウントで利用可能なエフェクトのソースを取得
MCP 対応
カタログの閲覧、検索、カテゴリ一覧、エフェクト詳細のツールを MCP クライアントに提供します。ソース取得には Hyperiux アカウントへのログインが必要で、アカウントのプランと日次インストール上限が適用されます。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
3掲載時のツール一覧 · 1 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| limit | integer | いいえ | 返す結果の最大数。 |
| query | string | いいえ | エフェクト名に対する大文字と小文字を区別しない部分一致検索(例:'cursor'、'text-reveal')。省略するとすべてを一覧表示します。 |
| offset | integer | いいえ | ページネーションでスキップする結果の数。 |
| category | string | いいえ | 1 つのカテゴリで絞り込みます。例:'text'、'cursor'、'webgl'、'buttons'、'carousels'、'components'、'navigation'、'backgrounds'、'loaders'、'transitions'。hyperiux_list_categories を使うと、すべての有効な値と件数を確認できます。 |
詳細
hyperiux-mcp-server
Hyperiux Vault エフェクトレジストリ用の MCP(Model Context Protocol)サーバーです。AI クライアント(Claude Code、Claude Desktop、Cursor など)から React/Next.js のインタラクションエフェクトを閲覧、検索、確認でき、利用権限のあるエフェクトのインストール可能なソースを取得できます。
インストール
MCP クライアントの設定ファイル(例:claude_desktop_config.json または Claude Code の .mcp.json)に追加します。
{
"mcpServers": {
"hyperiux": {
"command": "npx",
"args": ["-y", "hyperiux-mcp-server"]
}
}
}
サインイン
すべてのエフェクトのソースを取得するには、無料エフェクトも含め、Hyperiux アカウントへのサインインが必要です。このサーバーはトークンを次の順序で確認し、再利用します。
HYPERIUX_TOKEN環境変数(/cli-authで生成します)、次に- Hyperiux CLI の
hyperiux loginで保存済みのセッション(~/.hyperiux/auth.json)
トークンがない場合、include_source: true を指定した hyperiux_get_effect はメタデータ(説明、依存関係、変更履歴)と sign_in_required を返し、npx hyperiux login の実行を案内します。リスト表示、検索、詳細の取得(include_source: false)にはトークンは不要で、インストール数にもカウントされません。
ソースの取得は、アカウントの1日のインストール上限にカウントされます。この上限は、ウェブサイトと CLI の利用分と共有されます。Free は1日3件、Pro は5件、Pro+ は10件です。Pro エフェクトには Pro サブスクリプションも必要です。無料アカウントの場合は source_locked が返されます。
ツール
hyperiux_list_effects- 名前の部分一致やカテゴリでカタログをページ分割して閲覧、検索します。各結果にはティア(free/pro)が含まれます。hyperiux_get_effect- 正確なスラッグを指定して、1つのエフェクトの詳細を取得します。説明、ティア、依存関係、バージョン、変更履歴、インストールコマンド、さらにオプションでソース全体を取得できます。hyperiux_list_categories- 各カテゴリとエフェクト数を一覧表示します。hyperiux_list_effectsの検索を絞り込む際に利用できます。
開発
pnpm --filter hyperiux-mcp-server build # tsc -> dist/
pnpm --filter hyperiux-mcp-server test # vitest
pnpm --filter hyperiux-mcp-server lint # eslint
pnpm --filter hyperiux-mcp-server dev # tsx watch, for local iteration
実行中のビルドに対して、MCP Inspector でテストできます。
npx @modelcontextprotocol/inspector --cli node dist/index.js --method tools/list
npx @modelcontextprotocol/inspector --cli node dist/index.js --method tools/call --tool-name hyperiux_get_effect --tool-arg name=dotted-grid
既知の制限
現在、どのツールもエフェクトの props を返しません。レジストリにはありますが、ツールではまだ公開されていません。hyperiux_list_effects は各エフェクトのティアを返しますが、ティアで絞り込むことはできません。返されたリストをご自身で集計または絞り込んでください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。