Manus 的 Context7 MCP 连接器

照着当前的文档写代码,而不是去年的接口

说一句:“用 Next.js 16 加一个检查,把没登录的访客送到 /login。”Manus 会在 Context7 里查这个库和这个版本,读当前的文档和代码示例,再照着写代码。粘贴一段报错,它会查这个接口现在怎么用,告诉你改了什么、该怎么修。在提示词里写上版本号,就查那个版本的文档;写上库 ID(例如 /supabase/supabase),就直接查这个库。

先在 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,省掉搜索这一步

如果你知道库 ID(例如 /supabase/supabase),就写进提示词。Manus 会直接去查这个库的文档,不用先搜索。

查文档用的 MCP:先找到库,再读它的文档

Context7 分两步:先找到这个库和它有哪些版本,再读能回答你问题的文档和代码示例。每个示例都带出处链接。

快速查清一个函数

问一个函数现在怎么传参数,或者旧选项被哪个新选项替代了。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 里怎么读取 cookie?
  • 在 proxy 里从请求读取 cookie出处:github.com/vercel/next.js · v16.2.9
  • 在响应里设置 cookie出处:github.com/vercel/next.js · v16.2.9

用当前的文档修复过时接口的报错

粘贴报错,说明你用的是哪个版本。Manus 会查这个接口在你的版本里怎么用,告诉你改了什么,再重写出错的那几行。

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 文档:两个版本并排对照

升级之前,让它把两个版本都查一遍。Manus 会分别读两个版本的文档,列出改了什么,并写明依据的是哪份文档。

照着文档规划升级

得到一张表:哪些要改名,哪些用法变了。让 Manus 把文档里没写的都去掉,表里就没有猜测的内容。

示意图
Next.js 15Next.js 16
依据:Next.js 16 升级说明
文件middleware.tsproxy.ts
函数export function middleware()export function proxy()
运行环境edgenodejs
配置项skipMiddlewareUrlNormalizeskipProxyUrlNormalize

proxy 不支持 edge 运行环境。想继续用 edge,先保留 middleware。

做完整项目时,每个库都用最新版本

Context7 的文档也能用在更大的活上:做一个新的网页应用、改你的代码仓库,或者让一个项目里的每个任务都照着做。

照着当前的文档做网页应用

让 Manus 为用到的每个库都查一遍 Context7,新的网页应用一开始用的就是这些版本现在的接口。

构建并发布网页应用

改好代码仓库,再提交 PR

如果也连接了 GitHub,Manus 会在你的代码仓库里改好,再提交一个 PR,写明参照了哪些文档。

查看 GitHub 连接器

把“先查文档”写成项目规则

把这条规则写进项目说明。项目说明会用在这个项目的每个新任务里,不用每次重复。

了解项目怎么用

把 Context7 MCP 服务器连接到 Manus

Context7 已经在 Manus 的连接器里。连接一次,之后任何任务都能在写代码前先查当前的库文档。

  1. 打开连接器

    在 Manus 里打开连接器,选择 Context7,点击连接。

  2. 完成连接

    Context7 已经在连接器列表里,不用安装服务器,也不用粘贴网址。按屏幕上的步骤完成就行。

  3. 在任意任务里提出需求

    写上库名,版本要紧时也写上版本。想让 Manus 写代码前先查文档,就加一句“用 Context7”。

Context7每个库当前的文档和代码示例

通过 Context7 文档服务,获取每个库当前的技术文档和实现示例。

连接示意图
  • 两个工具:一个找到库,一个读它的文档
  • 只读:它只查文档,不会改你的代码或账号
  • 每个代码示例都带出处链接

关于 Context7 MCP 的常见问题

怎么在 Manus 里设置 Context7 MCP?要不要安装、要不要填服务器网址或 API key?

不用安装,也不用填服务器网址。Context7 已经在 Manus 的连接器里:打开连接器,选择 Context7,点击连接,再按屏幕上的步骤操作。Manus 没有把 Context7 标成需要额外设置的连接器,它的连接器页面也不要求填 Context7 的 API key。连接好之后,在任何任务里写上库名和版本就行。

Context7 能查哪些库?

能查已经收录进 Context7 的库,例如 Next.js、React 和 Supabase。这些库由社区和库的作者添加。搜索结果里每个库都有库 ID、代码示例数量和已收录的版本。如果某个库没有收录,搜索会找不到合适的结果,这时可以让 Manus 改去读这个库自己的文档网站。

能指定读哪个版本的文档吗?

能。在提示词里写上版本,例如“Next.js 16”,Context7 就会找那个版本。也可以写带版本的库 ID,例如 /vercel/next.js/v16.2.9。想知道用的是哪个版本,就让 Manus 说出它查的库 ID。

查到的文档一定对吗?

不一定。Context7 里的文档来自社区和库的作者,Context7 也说明不能保证每个库都完整、准确。它返回的每个代码示例都带出处链接,所以可以让 Manus 把用到的片段和链接给你看,重要的地方自己再核对一下。

这和直接让 AI 写代码有什么不同?

不查文档时,AI 按训练时学到的内容写,这些内容可能比你用的版本旧,已经改名或删掉的接口就是这样出现在新代码里的。连接 Context7 之后,Manus 会先读你那个版本当前的文档,再写代码。

Context7 会看到我的代码吗?

它的两个工具只接收库名或库 ID、一句简短的问题,以及已知时的编程语言,都不接收你的文件或代码仓库。这句问题会发给 Context7 用来找文档,工具说明也要求 AI 不要在里面写 API key、密码、个人信息和私有代码。

查文档的次数有上限吗?

有。Context7 对查询频率有限制,它的工具也要求 AI 每个问题最多调用三次。一开始就写清库名和版本,每次查询更容易一次找到对的文档。

连接 Context7,照着当前的文档写代码

在 Manus 里连接 Context7