MDN Lookup

mdnlookup

MDN Web Docsから開発者向けドキュメントを取得して要約するツールです。

MDNlookupは、開発環境からMDN Web Docsのドキュメントに簡単にアクセスできるようにする、開発者の生産性向上ツールです。
VS CodeのようなMCP互換クライアントやエディターとシームレスに連携できるよう設計されたmdnlookupを使うと、開発者はワークフローを中断することなく、Web API、JavaScriptメソッド、その他のWeb技術に関する簡潔で関連性の高いドキュメントの要約をすばやく検索して取得できます。

stdio経由でMCP互換のツールサーバーを公開することで、mdnlookupを使ってドキュメント検索を簡単に自動化し、カスタムツールチェーンやエディター拡張機能に統合できます。これにより、開発者は時間を節約し、コンテキストの切り替えを減らして、コーディングに集中できます。

機能

• 検索クエリを使ってMDNのドキュメントを検索します。
• 要約（最初の段落）とドキュメント全文へのリンクを返します。
• stdio経由でMCP互換のツールサーバーを公開します。

利用可能なツール

mdnlookup

• 説明： 検索クエリに基づいて、MDNから開発者向けドキュメントを取得して要約します。
• パラメーター：
  • query（string）：ドキュメントを検索するための検索語、またはAPI／メソッド名です。

インストール

リポジトリをクローンして、依存関係をインストールします。

git clone https://github.com/yourusername/mdn-lookup.git
cd mdn-lookup
npm install

使用方法

このツールはMCPツールサーバーとして使用するよう設計されています。Nodeを使って直接実行できます。

node index.js

stdio経由でMCPサーバーが起動し、リクエストを受け付ける状態になります。

例：MCP クライアントで設定する

{
  "mcpServers": {
    "SmartDeveloperAssistant": {
      "command": "node",
      "args": [
        "</absolute/path/to>/mdn-lookup/index.js"
      ]
    }
  }
}

VS Code（.vscode/settings.json）

"mcp": {
        "servers": {
            "mdnlookup": {
                "type": "stdio",
                "command": "node",
                "args": ["</absolute/path/to>/mdn-lookup/index.js"]
            }
        },
        "inputs": []
    },

Docker で実行する

Dockerを使うと、Node.jsや依存関係をローカルにインストールせずにmdnlookup MCPサーバーを実行できます。または、https://hub.docker.com/r/babymanisha/mdnlookup を使用できます。

Docker HubからDockerイメージをプルします：

docker pull babymanisha/mdnlookup:latest

または、Dockerイメージをローカルでビルドします：

docker build -t mdnlookup .

サーバーを実行します：

docker run -i babymanisha/mdnlookup:latest

または、ローカルでビルドした場合：

docker run -i mdnlookup

コンテナ内でstdio経由のMCPサーバーが起動し、MCP互換のクライアントやエディター（VS Codeなど）から利用できる状態になります。

Docker化されたサーバーを使うようにVS Codeを設定するには、コマンドを次のように指定します。

{
  "mcpServers": {
    "mdnlookup": {
      "command": "docker",
      "args": [
        "run", "-i", "mdnlookup"
      ]
    }
  }
}

例：ツールの使用

MCP互換クライアントからリクエストを送信すると、mdnlookupツールを使用できます。

{
  "tool": "mdnlookup",
  "params": {
    "query": "Array.prototype.map"
  }
}

レスポンスは次のようになります。

{
  "content": [
    {
      "type": "text",
      "text": "The map() method creates a new array populated with the results of calling a provided function on every element in the calling array.\n\nMore info: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map"
    }
  ]
}

実行例

以下は、さまざまなクエリでツールを使用しているスクリーンショットです。

プロミス

Async/Await

Node.js

OAuth

設定

追加の設定は不要です。このツールはMDNの公開APIを使用し、英語のドキュメントを取得します。

ライセンス

ISC

関連項目

• MCP.soのmdn-lookup掲載ページ

--

ありがとうございます

コーディングを楽しみましょう！！

Baby Manisha Sunkara 👩🏻‍💻