Back to list
ramhaidar

context7-usage

by ramhaidar

Implements Anthropic's "Code Execution with MCP" pattern for building more efficient AI agents. Enables executing TypeScript code that calls MCP tools, achieving 97%+ token savings via progressive tool disclosure, context-efficient results, powerful control flow with loops and conditionals, state persistence, and a reusable skills system.

1🍴 0📅 Dec 27, 2025

SKILL.md


name: context7-usage description: Tips and best practices for using Context7 MCP server to get library documentation

Context7 Usage Guide

This skill provides guidance for using the Context7 MCP server effectively.

Overview

Context7 provides documentation lookup for popular libraries and frameworks. It has two main tools:

  • resolveLibraryId - Find the library ID for a given library name
  • getLibraryDocs - Get documentation for a specific topic

Resolving Library IDs

The resolveLibraryId tool returns results that are automatically parsed into structured objects. The response includes:

{
  libraries: Array<{
    id: string;           // Context7-compatible library ID
    name: string;         // Library title
    description: string;  // Short description
    codeSnippets: number; // Number of code examples
    sourceReputation: string; // "High", "Medium", "Low", or "Unknown"
    benchmarkScore?: number;  // Quality score (optional)
  }>;
  raw: string;  // Original text response
}

Here's how to pick the right library:

Library ID Naming Patterns

PatternDescriptionExample
/websites/<name>Official documentation (usually best)/websites/laravel
/websites/<name>-<version>Version-specific docs/websites/laravel-11.x
/websites/<name>_<version>Version-specific (alt format)/websites/laravel_12_x
/<org>/<repo>GitHub repository content/laravel/laravel
FrameworkRecommended IDNotes
Laravel 12/websites/laravel_12_xLatest version
Laravel 11/websites/laravel-11.xPrevious LTS
Laravel (latest)/websites/laravelGeneral docs
React/websites/reactOfficial React docs
Vue 3/websites/vueVue.js documentation
Next.js/websites/nextjsNext.js framework
TypeScript/websites/typescriptTS documentation
Node.js/websites/nodejsNode.js docs

Selection Tips

  1. Look for "High" reputation - Libraries with high reputation have better quality content
  2. Check snippet count - More snippets = more comprehensive content
  3. Use version-specific IDs - When you need docs for a specific version
  4. Prefer /websites/ prefix - These are usually official documentation

Using getLibraryDocs

Parameters

ParameterRequiredDescription
context7CompatibleLibraryIDYesThe library ID from resolveLibraryId
topicYesWhat you want to learn about
modeNo"code" for examples, "docs" for explanations

Example Usage

import { resolveLibraryId, getLibraryDocs } from '../servers/context7/index.js';

// Step 1: Find the library - result is automatically parsed
const result = await resolveLibraryId.call({ libraryName: "Laravel" });

// Step 2: Access the parsed libraries array
console.log(`Found ${result.libraries.length} libraries`);

// Step 3: Find best match programmatically
const best = result.libraries
  .filter(lib => lib.sourceReputation === 'High')
  .sort((a, b) => b.codeSnippets - a.codeSnippets)[0];

// Step 4: Get documentation using the library ID
const docs = await getLibraryDocs.call({
  context7CompatibleLibraryID: best?.id || "/websites/laravel_12_x",
  topic: "middleware",
  mode: "code"  // Get code examples
});
console.log(docs);

Using Known Library IDs (Faster)

Skip the resolve step when you know the library ID:

// Direct usage with known IDs
const docs = await getLibraryDocs.call({
  context7CompatibleLibraryID: "/websites/laravel_12_x",
  topic: "middleware"
});

Mode Options

  • "code" - Returns code examples and snippets (best for implementation)
  • "docs" - Returns explanatory documentation (best for understanding concepts)

Common Issues

Too Many Results from resolveLibraryId

Problem: You get 30+ results and don't know which to pick.

Solution: Use the parsed libraries array to filter programmatically:

const result = await resolveLibraryId.call({ libraryName: "React" });

// Filter to high-reputation libraries with many snippets
const best = result.libraries
  .filter(lib => lib.sourceReputation === 'High' && lib.codeSnippets > 100)
  .sort((a, b) => b.codeSnippets - a.codeSnippets);

console.log('Best matches:', best.map(l => `${l.name} (${l.id})`));

Or use the recommended IDs table above for common frameworks.

Library ID Not Found

Problem: getLibraryDocs fails with "library not found".

Solution:

  1. Run resolveLibraryId first to get valid IDs
  2. Copy the exact ID from the results (case-sensitive)
  3. Check for typos in the library ID

Quick Reference

// Common library IDs (no need to resolve)
const LIBRARY_IDS = {
  laravel12: "/websites/laravel_12_x",
  laravel11: "/websites/laravel-11.x",
  react: "/websites/react",
  vue: "/websites/vue",
  nextjs: "/websites/nextjs",
  typescript: "/websites/typescript",
  nodejs: "/websites/nodejs",
};

Score

Total Score

70/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

+10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

Reviews

💬

Reviews coming soon