DEV Community

Cover image for วิธีติดตั้งและใช้งาน Context7 CLI
Thanawat Wongchai
Thanawat Wongchai

Posted on • Originally published at apidog.com

วิธีติดตั้งและใช้งาน Context7 CLI

Context7 คือแพลตฟอร์มที่ช่วยนำเอกสารไลบรารีล่าสุดเข้าสู่บริบท (context) ของ AI ผู้ช่วยเขียนโค้ดของคุณโดยตรง เพื่อไม่ให้ AI สร้างโค้ดที่อิงตามข้อมูลการฝึกอบรมที่ล้าสมัย CLI (ctx7) ทำงานด้วย npx ctx7 (ไม่ต้องติดตั้ง) และเชื่อมต่อกับ Claude Code, Cursor หรือ OpenCode ด้วยคำสั่ง ctx7 setup เพียงครั้งเดียว

ทดลองใช้ Apidog วันนี้

Context7 คืออะไร และทำไมถึงสำคัญ?

ปัญหาที่นักพัฒนามักเจอเมื่อใช้ AI เขียนโค้ด: AI สร้างตัวอย่างโค้ดที่อ้างอิง API หรือไลบรารีที่ตกรุ่น ลายเซ็นฟังก์ชันเปลี่ยนไป หรือ import path ไม่ตรงกับเวอร์ชันที่ใช้งานจริง เกิดจาก LLM มี cutoff date และไม่รู้เนื้อหาเวอร์ชันล่าสุด

Context7 แก้ปัญหานี้โดยดึงเอกสารไลบรารีมากกว่า 9,000 รายการแบบ real-time ให้กับ AI coding agent ของคุณ เอกสารจะถูกนำเข้า context window ของโมเดลก่อนตอบกลับ ช่วยให้โค้ดที่สร้างตรงกับ API/SDK เวอร์ชันปัจจุบัน

CLI ctx7 คือเครื่องมือหลักสำหรับ Context7 มีฟีเจอร์สำคัญ:

  1. ดึงเอกสารไลบรารี ในเทอร์มินัล
  2. จัดการทักษะ AI coding (prompt file แบบ reusable)
  3. ตั้งค่า Context7 MCP server สำหรับ Claude Code, Cursor หรือ OpenCode

💡หากคุณกำลังสร้างการเชื่อมโยง API ควบคู่ไปกับการพัฒนา Apidog จะช่วยทดสอบ API ส่ง/จัดการ/อัตโนมัติคำขอ API ได้ฟรี ใช้งานร่วม Context7 ช่วยให้ AI รู้ข้อมูลล่าสุด และ Apidog ช่วยยืนยันการเรียก API จริง

การติดตั้ง ctx7

ต้องใช้ Node.js 18 ขึ้นไป ตรวจสอบด้วย node --version

รันทันที ไม่ต้องติดตั้ง

ทดลอง ctx7 ได้ทันทีด้วย npx:

npx ctx7 --help
npx ctx7 library react

เหมาะกับการใช้งานแบบ one-off จะดึงเวอร์ชันล่าสุดเสมอ

ติดตั้งแบบ global

npm install -g ctx7
ctx7 --version

หลังติดตั้ง ใช้ ctx7 ได้ทุกที่ในเครื่อง

ตั้งค่า Context7 สำหรับ AI coding agent

ใช้คำสั่ง ctx7 setup เพื่อเชื่อมต่อกับ AI agent จะ authenticate ผ่าน OAuth, สร้าง API key และเขียน config ให้เหมาะสม

ตั้งค่าแบบ interactive

ctx7 setup

เลือก agent/โหมดที่ต้องการ ถ้าข้าม prompt ได้โดยใช้ --yes

ctx7 setup --yes

กำหนดเป้า agent โดยตรง

ctx7 setup --claude     # Claude Code
ctx7 setup --cursor     # Cursor
ctx7 setup --opencode   # OpenCode

ใช้ API key ที่มี

ctx7 setup --api-key YOUR_API_KEY

ตั้งค่าระดับโปรเจกต์

ctx7 setup --project

เลือกโหมด CLI + Skills หรือ MCP

โหมด CLI + Skills: ติดตั้งไฟล์ SKILL.md ให้ agent เรียก ctx7 library และ ctx7 docs อัตโนมัติ ไม่ต้องใช้ MCP server

ctx7 setup --cli --claude
ctx7 setup --cli --cursor
ctx7 setup --cli --universal

โหมด MCP: Agent จะเรียกใช้ resolve-library-id และ query-docs โดยตรงผ่าน MCP config

{
  "url": "https://mcp.context7.com/mcp",
  "headers": {
    "CONTEXT7_API_KEY": "YOUR_API_KEY"
  }
}

หรือเพิ่มผ่าน CLI:

claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY

การตรวจสอบสิทธิ์

ctx7 login
ctx7 whoami
ctx7 logout

หรือกำหนด API key เป็น env var:

export CONTEXT7_API_KEY=your_key_here

เข้าสู่ระบบจำเป็นเฉพาะบางฟีเจอร์ เช่น การสร้าง skill

ปิด telemetry

export CTX7_TELEMETRY_DISABLED=1

ดึงเอกสารไลบรารีจากเทอร์มินัล

ใช้ ctx7 ค้นหาและดึงเอกสารไลบรารีได้โดยตรงในเทอร์มินัล

ค้นหาไลบรารี

ctx7 library react
ctx7 library nextjs "app router setup"
ctx7 library prisma "database relations"
ctx7 library express --json

จะได้ข้อมูล ID ไลบรารี/จำนวน snippets/เวอร์ชัน ฯลฯ

Library: /vercel/next.js
Snippets: 4,820
Reputation: high
Version: 15.2.0

ดึงเอกสาร

ctx7 docs /facebook/react "useEffect cleanup"
ctx7 docs /vercel/next.js "middleware authentication"
ctx7 docs /prisma/prisma "one-to-many relations"
ctx7 docs /facebook/react "hooks" --json

จะได้ document snippet ล่าสุด ส่งต่อเข้า pipeline/dev tool อื่นได้ทันที

จัดการทักษะการเขียนโค้ด AI

ทักษะคือไฟล์ SKILL.md ให้ agent มีความรู้เฉพาะทาง สามารถค้นหา ติดตั้ง หรือสร้างเองได้

ค้นหาทักษะ

ctx7 skills search pdf
ctx7 skills search "stripe payments"
ctx7 skills search "react testing"

ติดตั้งทักษะ

ctx7 skills install /anthropics/skills pdf
ctx7 skills install /anthropics/skills pdf --cursor
ctx7 skills install /anthropics/skills pdf --claude

ติดตั้งแบบ global:

ctx7 skills install /anthropics/skills pdf --global

รับคำแนะนำทักษะที่เหมาะกับโปรเจกต์

ctx7 skills suggest

แสดงทักษะที่ติดตั้ง

ctx7 skills list
ctx7 skills list --claude
ctx7 skills list --cursor

ลบทักษะ

ctx7 skills remove pdf

สร้างทักษะ custom ด้วย AI

ctx7 login
ctx7 skills generate

เลือกไลบรารี อธิบายสิ่งที่ต้องการ แล้ว Context7 จะสร้าง SKILL.md ให้ทันที

บัญชีฟรีสร้างได้ 6 ครั้ง/สัปดาห์, Pro 10 ครั้ง/สัปดาห์

นามแฝงคำสั่ง:

คำสั่งเต็ม นามแฝง
ctx7 skills install ctx7 si
ctx7 skills search ctx7 ss
ctx7 skills generate ctx7 skills gen หรือ ctx7 skills g

การใช้ Context7 ใน AI Prompts

หลังตั้งค่า agent แล้ว คุณสามารถใช้ Context7 แบบต่อเนื่องใน workflow ได้เลย

"use context7" ใน prompt

ในโหมด MCP เพิ่ม "use context7" ต่อท้าย prompt:

Create a Next.js middleware that checks for a valid JWT in cookies and redirects
unauthenticated users to /login. use context7
Set up a Prisma schema with user and post models and a one-to-many relation. use context7
How do I configure the App Router layout in Next.js 15? use context7

agent จะดึงเอกสารล่าสุดอัตโนมัติ

อ้างอิงไลบรารีเฉพาะ

Implement Supabase authentication in a Next.js app.
use library /supabase/supabase for Supabase and /vercel/next.js for Next.js routing.

ข้ามขั้นตอนค้นหาไลบรารีตรงไปยังเอกสาร

ดึง context7 อัตโนมัติ

ตั้งกฎใน agent ให้ดึงเอกสารเองทุกครั้งที่ใช้โค้ดไลบรารี เช่น เพิ่มใน CLAUDE.md หรือ Settings > Rules for AI ของ Cursor:

Always use Context7 MCP tools when generating code that uses third-party libraries.
Resolve the library ID and fetch current docs before writing any implementation.
Do this without waiting for me to ask.
When writing code that uses external libraries or frameworks, always invoke
Context7 to fetch current documentation before generating the implementation.

จับคู่กับ Apidog เพื่อความมั่นใจใน API

Context7 อัปเดตความรู้ไลบรารีให้ AI agent ของคุณ ส่วน Apidog (Apidog) เป็น API client ฟรีสำหรับทดสอบ ตรวจสอบ ติดตาม environment และทำ automation ของ API request แบบเต็ม workflow

ตัวอย่าง workflow:

  • สร้างแอป Next.js ที่เรียก API บุคคลที่สาม: Context7 ให้ AI agent ได้ docs ล่าสุด, Apidog ช่วยทดสอบ API จริง ยืนยัน payload/response
  • ผสานไลบรารีใหม่ที่มี HTTP API: Context7 ให้ docs SDK, Apidog ทดสอบ endpoint โดยตรง
  • debug integration: ใช้ Apidog ส่ง request ตรวจสอบ response ดิบ แยกปัญหาว่าเกิดจากโค้ดหรือ API

ตั้งค่า environment ใน Apidog ด้วย API key สลับ dev/prod ได้ง่าย

ราคาและข้อจำกัดอัตรา (Rate limits)

ctx7 CLI ใช้ฟรี เงื่อนไข/ข้อจำกัดขึ้นกับแผน Context7 ของคุณ:

แผน ราคา API/เดือน Rate limit Private repos
ฟรี $0 1,000 60 req/ชั่วโมง ไม่
Pro $7/ที่นั่ง/เดือน 5,000/ที่นั่ง 60/ชั่วโมง/ที่นั่ง ใช่ ($15/1M โทเค็นสำหรับการวิเคราะห์)
Enterprise กำหนดเอง 5,000/ที่นั่ง กำหนดเอง ใช่ ($25/1M โทเค็น)

หมายเหตุสำหรับบัญชีฟรี:

  • ถึงขีดจำกัดรายเดือน ยังมี API call ฟรีอีก 20 ครั้ง/วันจนกว่าจะ reset
  • private repo ต้องใช้ Pro ขึ้นไป
  • สร้างทักษะ: ฟรี 6 ครั้ง/สัปดาห์, Pro 10 ครั้ง/สัปดาห์
  • Pro รองรับสมาชิกสูงสุด 20 คน

ข้อควรทราบ: Context7 ทำงานแบบ online เท่านั้น (ผ่านเซิร์ฟเวอร์ Upstash) ไม่มีโหมด offline ถ้าเน็ตขาดจะใช้ไม่ได้ เอกสารตอบกลับขนาดใหญ่ อาจกิน context window LLM ได้ถ้าโปรเจกต์มีการเรียกหลายไลบรารีพร้อมกัน

ขอ API key ฟรีที่ context7.com/dashboard จะได้รับ rate limit สูงกว่าผู้ใช้ที่ไม่ได้ authenticate

FAQ

Context7 ส่งโค้ดของฉันไปที่เซิร์ฟเวอร์ไหม?
ไม่, จะส่งเฉพาะชื่อไลบรารีและข้อความ query ไปที่เซิร์ฟเวอร์ Context7 เท่านั้น โค้ดและข้อมูล sensitive ของคุณไม่ถูกส่งออกนอกเครื่อง

Context7 รองรับไลบรารีอะไรบ้าง?
มีไลบรารี/เฟรมเวิร์กมากกว่า 9,000+ รายการ ค้นหาดัชนีได้ที่ context7.com ถ้าไม่มีที่ต้องการ สามารถเสนอเพิ่มได้ผ่าน /add-library

เอกสารมีความเป็นปัจจุบันแค่ไหน?
จัดทำดัชนีอัตโนมัติเป็นระยะ ไลบรารีที่เพิ่งออกใหม่อาจยังไม่ถูก index ในทันที แต่สำหรับไลบรารีหลัก มักจะทันเวอร์ชันล่าสุด

ใช้งานได้โดยไม่มี API key ไหม?
ได้ แต่จะมี rate limit ต่ำกว่า แนะนำให้ลงทะเบียนและตั้ง CONTEXT7_API_KEY สำหรับการใช้งานจริง

รองรับ editor และ agent อะไรบ้าง?
ทำงานร่วมกับ Claude Code, Cursor, OpenCode, VS Code Copilot, Windsurf, Claude Desktop และไคลเอนต์ที่รองรับ MCP/Agent Skills

โหมด CLI + Skills กับ MCP ต่างกันอย่างไร?
CLI + Skills ให้ agent เรียก ctx7 เองเมื่ออยากได้ docs, MCP agent จะเรียก API context7 ตรงผ่าน protocol โปร่งใสกว่าและไม่ต้อง "use context7" ชัดเจนใน prompt

ใช้ ctx7 แบบ standalone ได้ไหม (ไม่มี agent)?
ได้, ctx7 library และ ctx7 docs ใช้ในเทอร์มินัลได้โดยตรงโดยไม่ต้องมี AI agent

แหล่งข้อมูลเพิ่มเติม

Top comments (0)