Connector MCP Context7 cho Manus

Viết mã dựa trên tài liệu hiện tại, không phải API của năm ngoái

Hãy nói: “Dùng Next.js 16 để thêm một kiểm tra chuyển khách chưa đăng nhập đến /login.” Manus sẽ tra thư viện và phiên bản đó trong Context7, đọc tài liệu và ví dụ mã hiện tại, rồi viết mã dựa theo đó. Dán một lỗi vào, nó sẽ kiểm tra API hiện hoạt động ra sao, cho bạn biết điều gì đã thay đổi và cách khắc phục. Ghi số phiên bản trong prompt để lấy tài liệu của phiên bản đó, hoặc nêu tên ID thư viện như /supabase/supabase để đi thẳng tới nó.

Trước tiên, hãy kết nối Context7 trong Manus

Dùng Next.js 16 để thêm một bước kiểm tra chuyển khách chưa đăng nhập đến /login.

/vercel/next.js · v16Minh họa

Chuyển hướng khách truy cập chưa đăng nhập đến /login

Nguồn: github.com/vercel/next.js · docs

Trong Next.js 16, file middleware được gọi là proxy.ts, và nó export một function có tên 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)  }}

Tạo proxy.ts từ đoạn mã này

Tài liệu mới nhất cho AI, đúng với phiên bản bạn dùng

Nêu tên thư viện và phiên bản trong prompt của bạn. Manus sẽ tra phiên bản đó trong Context7, đọc tài liệu và ví dụ mã nguồn, rồi viết mã sao cho khớp.

Các thư viện trong tác vụ nàyMinh họa
/vercel/next.js/v16.2.9
/react/react/v19.2.7
/supabase/supabase/v1.26.04

Chỉ định phiên bản theo số

Ghi phiên bản trong prompt của bạn, ví dụ React 19 hoặc Next.js 16, và Context7 sẽ tìm tài liệu khớp với phiên bản đó.

Nhập ID thư viện để bỏ qua bước tìm kiếm

Nếu bạn biết ID, chẳng hạn /supabase/supabase, hãy đưa vào prompt. Manus sẽ đi thẳng đến tài liệu của thư viện đó mà không cần tìm kiếm trước.

Một MCP cho tài liệu: tìm thư viện, rồi đọc tài liệu của nó

Context7 hoạt động theo hai bước. Nó tìm thư viện và các phiên bản mà thư viện đó có, sau đó đọc tài liệu và các ví dụ mã để trả lời câu hỏi của bạn. Mỗi ví dụ đều kèm liên kết đến nguồn gốc của nó.

Câu trả lời nhanh về một hàm

Hỏi cách một hàm nhận tham số hiện tại, hoặc tùy chọn nào đã thay thế một tùy chọn cũ. Manus sẽ trả lời dựa trên đoạn mã và cho biết nguồn gốc.

Minh họa
1Tìm thư việnresolve-library-id
Thư việnNext.js
/vercel/next.js6.135 ví dụ mã
v16.2.9v16.1.6v15.1.11
2Đọc tài liệuquery-docs
ID thư viện/vercel/next.js/v16.2.9
Câu hỏiLàm thế nào để đọc cookie trong proxy?
  • Đọc cookie từ yêu cầu trong proxyNguồn: github.com/vercel/next.js · v16.2.9
  • Đặt cookie trong phản hồiNguồn: github.com/vercel/next.js · v16.2.9

Sửa lỗi API đã lỗi thời theo tài liệu hiện tại

Dán lỗi và cho biết bạn đang dùng phiên bản nào. Manus sẽ tra cách API đó hoạt động trong phiên bản của bạn, cho bạn biết điều gì đã thay đổi và viết lại những dòng bị lỗi.

src/main.jsxreact 19.2Minh họa
TypeError: ReactDOM.render is not a function
Từ tài liệu React 19React 19 đã loại bỏ ReactDOM.render. Hãy render ứng dụng bằng createRoot từ react-dom/client thay thế.
ReactDOM.render(<App />, document.getElementById('root'))import { createRoot } from 'react-dom/client'createRoot(document.getElementById('root')).render(<App />)

Dán lỗi và phiên bản của bạn

Manus sẽ kiểm tra tài liệu ở phiên bản bạn chỉ định, giải thích bằng một câu những gì đã thay đổi và chỉ viết lại những dòng cần sửa.

Tài liệu Context7 cho hai phiên bản, đặt cạnh nhau

Trước khi nâng cấp, hãy yêu cầu kiểm tra cả hai phiên bản. Manus đọc tài liệu của từng phiên bản và liệt kê những gì đã thay đổi, cùng với tài liệu đã đọc.

Lập kế hoạch nâng cấp từ tài liệu

Nhận một bảng gồm những gì cần đổi tên và những gì hoạt động khác đi. Yêu cầu Manus loại bỏ bất cứ điều gì tài liệu không thể hiện, để danh sách không có suy đoán.

Minh họa
Next.js 15Next.js 16
Dựa trên hướng dẫn nâng cấp Next.js 16
Tệpmiddleware.tsproxy.ts
Hàmexport function middleware()export function proxy()
Chạy trênedgenodejs
Cờ cấu hìnhskipMiddlewareUrlNormalizeskipProxyUrlNormalize

Runtime edge không được hỗ trợ trong proxy. Để tiếp tục dùng edge, hãy giữ middleware tạm thời.

Dùng phiên bản mới nhất của mỗi thư viện trong một bản build đầy đủ

Tài liệu Context7 có thể hỗ trợ việc lớn hơn: một ứng dụng web mới, một thay đổi trong repository của bạn, hoặc mọi tác vụ trong một dự án.

Xây dựng ứng dụng web dựa trên tài liệu hiện tại

Yêu cầu Manus kiểm tra Context7 cho từng thư viện mà nó sử dụng, để một ứng dụng web mới bắt đầu với các API hiện tại của những phiên bản đó.

Xây dựng và phát hành ứng dụng web

Cập nhật một repo, sau đó mở pull request

Nếu cũng kết nối GitHub, Manus sẽ thực hiện thay đổi trong repository của bạn và mở một pull request liệt kê các tài liệu mà nó đã tham khảo.

Xem trình kết nối GitHub

Biến "kiểm tra tài liệu trước" thành quy tắc của dự án

Ghi quy tắc này vào hướng dẫn của dự án. Hướng dẫn chung sẽ áp dụng cho mọi nhiệm vụ mới trong dự án đó, để bạn không phải lặp lại.

Xem cách Dự án hoạt động

Kết nối máy chủ MCP Context7 với Manus

Context7 đã có sẵn trong Connectors của Manus. Kết nối một lần, mọi tác vụ đều có thể tra tài liệu thư viện mới nhất trước khi viết code.

  1. Mở Trình kết nối

    Trong Manus, mở Connectors, chọn Context7 và nhấn Kết nối.

  2. Hoàn tất kết nối

    Context7 đã có trong danh sách Connectors, nên không cần cài server, không cần dán URL. Làm theo các bước trên màn hình để hoàn tất.

  3. Hỏi trong bất kỳ task nào

    Nêu tên thư viện, và nêu cả phiên bản khi điều đó quan trọng. Thêm “dùng Context7” khi bạn muốn Manus kiểm tra tài liệu trước khi viết mã.

Context7Tài liệu và ví dụ mã hiện tại cho mỗi thư viện

Truy cập tài liệu kỹ thuật và các ví dụ triển khai cập nhật theo từng thư viện thông qua dịch vụ tài liệu Context7.

Kết nốiMinh họa
  • Hai công cụ: một tìm thư viện, một đọc tài liệu của nó
  • Chỉ đọc: nó chỉ tra cứu tài liệu và không thay đổi mã hoặc tài khoản của bạn
  • Mỗi ví dụ mã đều có kèm liên kết đến mã nguồn

Câu hỏi về MCP của Context7

Làm thế nào để thiết lập Context7 MCP trong Manus? Tôi có cần cài đặt hoặc thêm URL máy chủ hay API key không?

Bạn không cần cài đặt gì hoặc nhập URL máy chủ. Context7 đã có sẵn trong Connectors của Manus: mở Connectors, chọn Context7, chọn Kết nối và làm theo các bước trên màn hình. Manus không đánh dấu Context7 là connector cần thiết lập thêm, và trang connector của nó cũng không yêu cầu nhập API key của Context7. Sau khi kết nối, chỉ cần đặt tên thư viện và phiên bản trong bất kỳ tác vụ nào.

Context7 có thể tra cứu những thư viện nào?

Các thư viện đã được thêm vào Context7, như Next.js, React và Supabase. Cộng đồng và chủ sở hữu thư viện thêm chúng vào. Kết quả tìm kiếm trả về mỗi kết quả khớp kèm ID thư viện, số lượng ví dụ mã và các phiên bản mà nó có. Nếu một thư viện không có ở đó, tìm kiếm sẽ không tìm được kết quả phù hợp, và bạn có thể yêu cầu Manus đọc trang tài liệu riêng của thư viện đó.

Tôi có thể chọn tài liệu phiên bản nào để nó đọc không?

Có. Hãy đưa phiên bản vào trong prompt của bạn, ví dụ “Next.js 16”, và Context7 sẽ khớp với phiên bản đó. Bạn cũng có thể cung cấp một library ID có kèm phiên bản, chẳng hạn như /vercel/next.js/v16.2.9. Để kiểm tra phiên bản nào đã được dùng, hãy hỏi Manus nêu tên library ID mà nó đã tra cứu.

Các tài liệu tìm được luôn đúng chứ?

Không phải luôn vậy. Tài liệu trong Context7 đến từ cộng đồng và chủ sở hữu thư viện, và Context7 nói rằng không thể đảm bảo mọi thư viện đều đầy đủ hoặc chính xác. Mỗi ví dụ mã mà nó trả về đều liên kết đến nguồn gốc, vì vậy hãy yêu cầu Manus hiển thị các đoạn mã và liên kết đã dùng, rồi kiểm tra lại bất cứ điều gì quan trọng.

Cái này khác gì so với việc yêu cầu AI viết code trực tiếp?

Khi không tra cứu, AI viết dựa trên những gì đã học lúc huấn luyện, có thể cũ hơn phiên bản bạn đang dùng. Đó là lý do các API đã đổi tên hoặc bị loại bỏ vẫn xuất hiện trong mã mới. Khi kết nối Context7, Manus sẽ đọc tài liệu hiện tại cho phiên bản của bạn trước, rồi mới viết mã.

Context7 có thấy mã của tôi không?

Hai công cụ của nó nhận tên hoặc ID thư viện, một câu hỏi ngắn và, nếu biết, ngôn ngữ lập trình. Không công cụ nào lấy tệp hoặc kho lưu trữ của bạn. Câu hỏi được gửi đến Context7 để tìm tài liệu phù hợp, và hướng dẫn công cụ yêu cầu AI không đưa khóa API, mật khẩu, dữ liệu cá nhân và mã riêng tư vào đó.

Có giới hạn số lượt tra cứu không?

Có. Context7 đặt giới hạn tốc độ cho việc tra cứu, và các công cụ của nó yêu cầu AI không gọi quá ba lần cho mỗi câu hỏi. Việc nêu rõ tên thư viện và phiên bản ngay từ đầu giúp mỗi lần tra cứu tìm đúng tài liệu ngay lần đầu.

Kết nối Context7 và viết code theo tài liệu hiện hành

Kết nối Context7 trong Manus