Manus 用の Context7 MCP コネクタ

去年の API ではなく、現行のドキュメントに合わせてコードを書く

「Next.js 16 を使って、ログアウト中の訪問者を /login に送るチェックを追加して」と伝えてみてください。Manus は Context7 でそのライブラリとバージョンを調べ、最新のドキュメントとコード例を読み込んだ上でコードを作成します。エラーを貼り付ければ、その API の現在の動作を確認し、何が変わったか、どう修正すればよいかを教えてくれます。プロンプトにバージョン番号を入れるとそのバージョンのドキュメントを取得し、/supabase/supabase のようにライブラリ ID を指定すると直接そこへアクセスします。

まず、Manus で Context7 を接続してください

Next.js 16 を使って、ログインしていない訪問者を /login に送るチェックを追加してください。

/vercel/next.js · v16イラスト

未ログインの訪問者を /login に送る

出典:github.com/vercel/next.js · docs

Next.js 16 では、middleware ファイルは proxy.ts という名前になり、proxy という名前の関数をエクスポートします。

import { NextResponse } from 'next/server'import type { NextRequest } from 'next/server'export function proxy(request: NextRequest) {  if (!request.cookies.has('session')) {    const login = new URL('/login', request.url)    return NextResponse.redirect(login)  }}

このスニペットから proxy.ts を書き込みます

使用しているバージョンに対応した、AI 向けの最新ドキュメント

プロンプトにライブラリ名とバージョンを記入してください。Manus が Context7 でそのバージョンを調べ、ドキュメントとコード例を読み取った上で、それに合うコードを書きます。

このタスクで使用するライブラリイラスト
/vercel/next.js/v16.2.9
/react/react/v19.2.7
/supabase/supabase/v1.26.04

バージョン番号で指定する

プロンプトにバージョンを書いてください。例えば React 19 や Next.js 16 のように。Context7 がそのバージョンのドキュメントを見つけます。

ライブラリ ID を指定すると検索を省略できます

/supabase/supabase のように ID が分かっている場合は、プロンプトに記載してください。Manus は検索せずに直接そのライブラリのドキュメントへアクセスします。

ドキュメント検索用 MCP:まずライブラリを見つけて、そのドキュメントを読む

Context7 は 2 つのステップで動作します。まずライブラリとその利用可能なバージョンを見つけ、次に質問に答えるドキュメントとコード例を読み込みます。各例にはソースへのリンクが付きます。

1 つの関数についてすぐ回答

ある関数が今どのように引数を取るか、または古いオプションが何に置き換わったかを聞いてみましょう。Manus はスニペットから答え、その出典も示します。

イラスト
1ライブラリを見つけるresolve-library-id
ライブラリNext.js
/vercel/next.js6,135 件のコード例
v16.2.9v16.1.6v15.1.11
2ドキュメントを読むquery-docs
ライブラリ ID/vercel/next.js/v16.2.9
質問proxy でクッキーを読み取る方法は?
  • proxy でリクエストからクッキーを読み取る出典:github.com/vercel/next.js · v16.2.9
  • レスポンスに Cookie を設定出典:github.com/vercel/next.js · v16.2.9

最新のドキュメントで非推奨 API エラーを修正

エラーを貼り付けて、使用しているバージョンを教えてください。Manus がそのバージョンでの API の動作を調べ、何が変わったかを伝え、問題のある行を書き直します。

src/main.jsxreact 19.2イラスト
TypeError: ReactDOM.render is not a function
React 19 のドキュメントからReact 19 では ReactDOM.render が削除されました。代わりに react-dom/client の createRoot でアプリをレンダリングしてください。
ReactDOM.render(<App />, document.getElementById('root'))import { createRoot } from 'react-dom/client'createRoot(document.getElementById('root')).render(<App />)

エラーとバージョンを貼り付け

Manus は指定したバージョンのドキュメントを確認し、何が変わったかを一文で説明し、変更が必要な行だけを書き直します。

Context7 のドキュメント:2 つのバージョンを並べて比較

アップグレード前に、両方のバージョンを確認させてください。Manus が各ドキュメントを読み、変更点と参照したドキュメントを一覧表示します。

ドキュメントを見ながらアップグレードを計画する

名称変更が必要な項目と、動作が変わった項目を表にまとめます。ドキュメントに記載のない内容は Manus に除外してもらい、推測を含まないリストにできます。

イラスト
Next.js 15Next.js 16
Next.js 16 アップグレードガイドに基づく
ファイルmiddleware.tsproxy.ts
関数export function middleware()export function proxy()
実行環境edgenodejs
設定フラグskipMiddlewareUrlNormalizeskipProxyUrlNormalize

edge ランタイムは proxy ではサポートされていません。edge を使い続けるには、ひとまず middleware を維持してください。

フルビルドでは各ライブラリの最新バージョンを使用する

Context7 のドキュメントは、新しい Web アプリの開発、リポジトリの変更、プロジェクト内のすべてのタスクといった、より大きな作業にも活用できます。

現在のドキュメントに基づいて Web アプリを構築

Manus に使用する各ライブラリについて Context7 を確認してもらい、新しいウェブアプリがそれらのバージョンの現在のAPIで始まるようにする。

Web アプリを構築して公開する

リポジトリを更新してから、プルリクエストを開く

GitHub も接続している場合、Manus はあなたのリポジトリで変更を行い、参照したドキュメントを列挙したプルリクエストを開きます。

GitHub コネクタを見る

「まずドキュメントを確認する」をプロジェクトルールにする

このルールをプロジェクトの指示に記載してください。共有された指示は、そのプロジェクト内の新しいタスクすべてに適用されるため、繰り返す必要がありません。

プロジェクトの使い方を見る

Context7 MCP サーバーを Manus に接続する

Context7 はすでに Manus のコネクタに入っています。一度接続すれば、どんなタスクでもコードを書く前に最新のライブラリドキュメントを調べられます。

  1. コネクタを開く

    Manus で「コネクタ」を開き、Context7 を選んで「接続」を選択します。

  2. 接続を完了する

    Context7 はすでにコネクタの一覧に載っているので、サーバーをインストールしたり URL を貼り付ける必要はありません。画面の手順に従って完了してください。

  3. どのタスクでも質問

    ライブラリ名を伝え、重要な場合はバージョンも伝えてください。Manus にコードを書く前にドキュメントを確認させたい場合は「Context7 を使って」と付け加えてください。

Context7各ライブラリの最新ドキュメントとコード例

Context7 ドキュメントサービスを通じて、各ライブラリの最新の技術文書と実装例を取得します。

接続イラスト
  • 2つのツール:1つはライブラリを見つけ、もう1つはそのドキュメントを読みます
  • 読み取り専用:ドキュメントを参照するだけで、コードやアカウントは変更しません
  • 各コード例には、出典へのリンクが付いています

Context7 MCP に関する質問

Manus で Context7 MCP を設定する方法は?インストールが必要ですか、それともサーバー URL や API key を追加する必要がありますか?

インストールやサーバー URL の入力は不要です。Context7 はすでに Manus の「コネクタ」にあります。コネクタを開き、Context7 を選択して 接続 を選び、画面の手順に従ってください。Manus は Context7 を追加設定が必要なコネクタとして扱わず、コネクタページでも Context7 の API キーの入力を求めません。接続後は、どのタスクでもライブラリ名とバージョンを指定するだけで使えます。

Context7 はどのライブラリを検索できますか?

Context7 に登録済みのライブラリ(Next.js、React、Supabase など)を検索できます。これらはコミュニティやライブラリの作者が追加したものです。検索結果には、各ライブラリの ID、コード例の数、収録されているバージョンが表示されます。該当するライブラリが登録されていない場合は検索で見つからないため、その場合は Manus にそのライブラリ自体のドキュメントサイトを読んでもらうよう頼めます。

どのバージョンのドキュメントを読むか選べますか?

はい。プロンプトにバージョンを入れてください。例えば「Next.js 16」のように指定すると、Context7 はそのバージョンに一致させます。/vercel/next.js/v16.2.9 のようにバージョンを含むライブラリIDを指定することもできます。使用されたバージョンを確認するには、Manus に参照したライブラリIDを教えてもらってください。

見つかるドキュメントは常に正しいですか?

必ずしもそうではありません。Context7 内のドキュメントはコミュニティやライブラリ作者から提供されており、Context7 もすべてのライブラリが完全かつ正確であることを保証できないとしています。返されるコード例にはそれぞれ出典へのリンクが付いているので、Manus に使用したスニペットとリンクを表示してもらい、重要な部分は自分で確認してください。

これは AI に直接コードを書かせることとどう違いますか?

参照先がない場合、AI は学習時に得た知識から書くため、それは使用中のバージョンより古いことがあります。名前が変わったり削除された API が新しいコードに出てくるのはこのためです。Context7 を連携すると、Manus はまず使用中のバージョンの最新ドキュメントを読み、それからコードを書きます。

Context7 は私のコードを見ますか?

2 つのツールは、ライブラリ名または ID、短い質問、そしてわかっていればプログラミング言語を受け取ります。あなたのファイルやリポジトリは受け取りません。質問は Context7 に送られ、適切なドキュメントを探します。また、ツールの指示では API キー、パスワード、個人情報、非公開のコードを含めないよう AI に伝えています。

検索できる回数に上限はありますか?

あります。Context7 は検索回数にレート制限を設けており、そのツールも AI に対して 1 つの質問につき最大 3 回までの呼び出しを指示します。最初にライブラリ名とバージョンを明示しておくと、各検索で一度で正しいドキュメントが見つかりやすくなります。

Context7 を接続して、最新のドキュメントからコードを書く

Manus で Context7 を接続