Npm Package Docs について
Npm Package Docsは、IDEで最新のnpmパッケージ資料を参照する開発者向けのMCPサーバーです。GitHubリポジトリのREADMEを優先し、利用できない場合はnpmパッケージ内から取得します。
主な機能
- 01GitHubからパッケージのREADMEを取得
- 02パッケージ内のREADMEにフォールバック
- 03単一のMCPツールでドキュメントを返却
活用シーン
- 01コーディング中に最新APIを確認する
- 02npm依存パッケージの使い方を調べる
MCP 対応
MCPサーバーは `get_docs_for_npm_package` を公開し、指定されたnpmパッケージのREADMEをMCP対応IDEに返します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
NPM Package Docs MCP
IDE で npm パッケージの最新ドキュメントを直接利用できる、Model Context Protocol(MCP)ツールです。このツールは、パッケージの GitHub リポジトリ、または npm パッケージ自体に同梱されている README から最新のドキュメントを取得します。
機能
この MCP ツールを使うと、IDE(Cursor など)で古い情報や不完全な情報に頼ることなく、あらゆる npm パッケージの最新ドキュメントを参照できます。次のように動作します。
- まず GitHub リポジトリを確認:パッケージに GitHub リポジトリがある場合、リポジトリのメインブランチ(
master、main、developの順に確認)から README を直接取得します - npm パッケージにフォールバック:GitHub リポジトリがない場合、パッケージの tarball をダウンロードし、同梱されているパッケージから README ファイルを抽出します
- リアルタイムで更新:常に最新のドキュメントを取得し、最新情報を利用できるようにします
重要な理由
- 推測に頼る必要がありません:古くなっている可能性のある IDE の提案に頼らず、正確で最新のドキュメントを取得できます
- 開発体験が向上します:最新のドキュメントでパッケージの API と使用パターンを理解できます
- エラーを削減できます:古い API リファレンスや非推奨のメソッドを使うことによる問題を回避できます
- シームレスに統合できます:MCP プロトコルを介して IDE で直接動作します
提供されるツール
get_docs_for_npm_package
説明:あらゆる npm パッケージの最新ドキュメントを取得します
パラメーター:
packageName(string):npm パッケージの名前(例:「react」、「lodash」、「express」)
戻り値:GitHub リポジトリまたはパッケージの tarball から取得した README の内容(テキスト)
使用例:
// In your IDE, you can now ask for documentation like:
// "Show me the docs for express"
// "What's the latest API for react-router-dom?"
// "Get documentation for axios"
動作の仕組み
- パッケージの検索:npm レジストリに問い合わせて、パッケージのメタデータを取得します
- リポジトリの検出:パッケージに GitHub リポジトリの URL があるか確認します
- GitHub から取得:利用可能な場合、リポジトリのメインブランチから README.md を取得します
- tarball の展開:GitHub リポジトリがない場合、パッケージの tarball をダウンロードして展開し、README を探します
- 内容の返却:ドキュメントの内容を IDE に返します
インストール
前提条件
- Node.js(v16 以降)
- Cursor IDE(または MCP 互換の IDE)
インストール
Cursor に追加
Cursor に手動で追加
Cursor の MCP 設定ファイル(通常は ~/.cursor/mcp.json にあります)を編集します:
{
"mcpServers": {
"npm-package-docs-mcp": {
"command": "npx",
"args": [
"meanands/npm-package-docs-mcp"
]
}
}
}
- Cursor を再起動:新しい MCP サーバーを読み込むため、Cursor IDE を再起動します
使用方法
インストール後、次の手順で Cursor からツールを利用できます。
- コマンドパレットを開きます(Cmd/Ctrl + Shift + P)
- 依頼内容を入力します。例:
- 「express のドキュメントを取得」
- 「react の最新ドキュメントを表示」
- 「lodash v4 の新機能は?」
ツールが指定したパッケージの最新ドキュメントを取得して表示します。
開発
開発モードでの実行
npm run dev
本番環境向けのビルド
npm run build
プロジェクト構成
npm-docs-mcp/
├── src/
│ ├── server.ts # Main MCP server implementation
│ └── types/
│ └── index.ts # TypeScript type definitions
├── package.json
├── tsconfig.json
└── README.md
コントリビューション
コントリビューションを歓迎します。お気軽にプルリクエストを送信してください。
ライセンス
MIT License - 詳細は LICENSE ファイルをご覧ください。
サポート
問題が発生した場合や質問がある場合は、GitHub リポジトリで issue を作成してください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。