mcpField
O
Openapi Inspector

Openapi Inspector

ローカル
github.com/Nonetss開発ツール039 週間前に更新

Openapi Inspector について

Openapi Inspectorは、フロントエンド開発とバックエンドの契約検証向けのOpenAPI MCPサーバーです。LLMによる仕様の探索、型やコードの生成、契約に基づくレスポンス検証を行えます。

主な機能

  1. 01分類別のエンドポイント表示と検索
  2. 02リクエスト・レスポンスのJSON Schema取得
  3. 03TypeScript型とZodスキーマの生成
  4. 04データ取得コードとモックデータの生成
  5. 05レスポンス検証と依存関係の分析
  6. 06セキュリティ要件の確認とエンドポイント呼び出し

活用シーン

  1. 01API仕様からフロントエンドの型と検証スキーマを生成
  2. 02UIプロトタイプ用のモックデータを作成
  3. 03バックエンドのレスポンスをAPI契約と照合
  4. 04エンドポイントとデータ依存関係を調査

MCP 対応

MCP クライアントに、OpenAPIエンドポイントの探索、Schema取得、コード生成、レスポンス検証のツールを提供します。認証を設定してAPIを呼び出すこともできます。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"none.api": {
"command": "npx",
"args": [
"-y",
"@nonetss/none.api"
],
"env": {
"OPENAPI_URL": "<OPENAPI_URL>"
}
}
}
}
起動コマンドnpx -y @nonetss/none.api
設定が必要な環境変数
OPENAPI_URL

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@nonetss/none.api

ツール

17

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
limitnumberいいえ結果の数を制限します(デフォルト:50)。
offsetnumberいいえページネーションの開始インデックス(デフォルト:0)。

詳細

none.api - OpenAPI エクスプローラー MCP サーバー

フロントエンド開発とバックエンドのコントラクト検証に最適化された、Model Context Protocol(MCP)向けのプロフェッショナルな OpenAPI エクスプローラーです。

これは何ですか?

この MCP サーバーを使うと、Claude や Cursor などの大規模言語モデル(LLM)が、OpenAPI/Swagger 仕様を持つあらゆる API を動的に探索し、理解して、操作できます。

特に、次の用途向けに設計されています。

  1. フロントエンド開発の加速:API 定義から型、Zod スキーマ、モックデータ、データ取得用フック(Axios/TanStack Query)を直接生成します。
  2. バックエンド実装の検証:バックエンドのレスポンスオブジェクトを OpenAPI コントラクトと照合し、実装が仕様に一致していることを確認します。
インストール
npx を使用(推奨)

インストールせずにサーバーを直接実行できます。

npx @nonetss/none.api
グローバルインストール
npm install -g @nonetss/none.api
主な機能
  • スマートな探索:エンドポイントをカテゴリ別に一覧表示し、キーワード検索できます(多言語の同義語に対応)。
  • フロントエンドファクトリー:
    • リクエストとレスポンス用の TypeScript インターフェースを生成します。
    • フォーム検証用の Zod スキーマを生成します。
    • React/Axios/TanStack Query のコードスニペットを生成します。
    • UI プロトタイピング用の モックデータを生成します。
  • バックエンドガード:
    • レスポンス検証:AJV を使用して、JSON データを OpenAPI スキーマと照合します。
    • 依存関係のマッピング:リソース間の関連性(たとえば、別のエンドポイントで必要な ID をどのエンドポイントが提供するか)を把握できます。
  • セキュリティ:認証(Bearer/API Key)に自動対応し、環境変数に固定された安全な設定を使用します。
ツールの概要
ツール用途説明
list_endpoints探索すべてのエンドポイントを機能カテゴリ別に一覧表示します。
list_tags探索API 内のすべてのタグ(機能カテゴリ)を一覧表示します。
search_by_tag探索特定のタグに関連付けられたすべてのエンドポイントを一覧表示します。
find_endpoint探索意図またはキーワード(例:「ユーザーを削除」)で検索します。
get_endpoint_info分析詳細なドキュメント、パラメーター、レスポンスコードを表示します。
get_request_schema分析エンドポイントのリクエストボディの JSON スキーマを返します。
get_response_schema分析指定したレスポンスステータスコードの JSON スキーマを返します。
get_typescript_typesフロントエンドすぐに使える TypeScript インターフェースを生成します。
get_zod_schemaフロントエンドZod 検証スキーマを生成します。
get_framework_snippetフロントエンドAxios または TanStack Query のコードを生成します。
get_fetch_snippetフロントエンド手軽に統合できるネイティブ fetch のコードスニペットを生成します。
get_mock_dataプロトタイピングスキーマに基づいた高精度なモックデータを生成します。
map_dependenciesアーキテクチャルート間のデータフローと ID の関連性を分析します。
get_security_infoセキュリティAPI または特定のルートに必要なセキュリティ要件を表示します。
set_security_contextセキュリティ以降のリクエスト用に認証ヘッダーを設定します。
call_endpointデバッグ設定済みの API に実際の HTTP リクエストを実行します。
validate_responseバックエンドJSON オブジェクトを API コントラクトと照合して検証します。
設定

claude_desktop_config.json または Cursor の MCP 設定に次の内容を追加します。

{
  "mcpServers": {
    "none.api": {
      "command": "npx",
      "args": ["-y", "@nonetss/none.api"],
      "env": {
        "OPENAPI_URL": "http://localhost:3000/doc",
        "AUTH_EMAIL": "[email protected]",
        "AUTH_PASSWORD": "your-password",
        "AUTH_PATH": "/api/auth/login"
      }
    }
  }
}
開発ワークフロー
  1. ビルド:npm run build(パス解決に tsc と tsc-alias を使用します)。
  2. フォーマット:Prettier が含まれています。
  3. Git フック:husky と lint-staged によって、コミット時にフォーマットが自動実行されます。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。