Build This Now
Build This Now
TastenkürzelStatus Line Guide
MCP-GrundlagenMCP Tool SearchContext7 MCP50+ MCP-Server für Claude CodeCursor MCP ServerClaude Code-SucheBrowser-Automatisierung mit MCP für Claude CodeSocial-Media-Automatisierung mit Claude CodeEigenen MCP-Server für Claude Code bauen
speedy_devvkoen_salo
Blog/Toolkit/MCP/Context7 MCP

Context7 MCP

Context7 MCP in Claude Code einbinden, damit Prompts aktuelle Bibliotheks-Docs zur Abfragezeit laden und veraltete Trainingsdaten, erfundene APIs und umbenannte Funktionen eliminieren.

Hören Sie auf zu konfigurieren. Fangen Sie an zu bauen.

SaaS-Builder-Vorlagen mit KI-Orchestrierung.

Published Feb 12, 2026Toolkit hubMCP index

Problem: Die Trainingsdaten eines Modells haben einen Stichtag. Frag nach React 19, Next.js 15 oder einer Bibliothek, die in den letzten Monaten ein Major-Release veröffentlicht hat, und die Antwort kommt falsch zurück. Veraltete Muster. Erfundene APIs. Funktionen, die vor zwei Versionen umbenannt wurden.

Quick Win: Füge Context7 zu deiner MCP-Konfiguration hinzu und hänge use context7 an jeden Prompt an. Docs werden geladen, bevor Code geschrieben wird.

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Was Context7 MCP eigentlich ist

Hier ist die Kurzversion. Context7 ist ein MCP-Server. Seine einzige Aufgabe: aktuelle, versions-gebundene Dokumentation und Beispiele direkt aus der eigenen Quelle der Bibliothek holen, nicht aus einer Monate alten Gewichtsdatei.

Der Ablauf ist simpel. Offizielle Docs werden in Bibliotheks-IDs indiziert. Wenn du eine Bibliothek in einem Prompt nennst, löst der Server den Namen auf, holt die richtigen Abschnitte und schiebt dieses Material in die Unterhaltung, bevor das Modell antwortet.

Warum das für Claude Code wichtig ist

Halluzinierte APIs sind der Kern-Schmerz. Modelle schlagen Funktionen vor, die umbenannt, veraltet oder überhaupt nie existiert haben. Die Ursache ist immer dieselbe: Trainingsdaten liegen hinter dem tatsächlichen Release-Zeitplan.

Mit diesem geladenen Server bekommst du:

  • Docs zur Abfragezeit statt dem, was in den Weights steckt
  • Versions-abgestimmte Beispiele gebunden an das Release, das du im Prompt nennst
  • Funktionierende Muster aus offiziellen Docs, die beim ersten Versuch kompilieren
  • Weniger Halluzinationen, weil echte APIs erfundene ersetzen

Frag nach Next.js 15 App-Router-Mustern. Context7 holt die Next.js 15 Docs sofort. Dein Code kommt zurück mit Bezug auf das, was heute existiert, nicht auf das, was existierte, als Next.js 13 das neueste Release im Training-Set war.

Installation und Einrichtung

Node.js 18 oder neuer ist erforderlich. Das Paket heißt @upstash/context7-mcp.

Claude Code CLI

Ein Befehl reicht meistens:

claude mcp add context7 -- npx -y @upstash/context7-mcp@latest

Oder füge es direkt in .mcp.json im Projekt-Stammverzeichnis ein:

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Claude Desktop

macOS-Nutzer bearbeiten ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Die entsprechende Datei unter Windows liegt bei %APPDATA%\Claude\claude_desktop_config.json.

Alternative: Bun Runtime

Bun-Nutzer? Tausch den Befehl aus:

{
  "mcpServers": {
    "context7": {
      "command": "bunx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Starte Claude Code nach dem Speichern der Konfiguration neu.

In der Praxis nutzen

Zwei Tools liefert der Server mit:

resolve-library-id: Ordnet einen einfachen Bibliotheksnamen einer Context7-kompatiblen ID zu. Claude greift darauf zurück, wenn eine Bibliothek beim Namen genannt wird.

query-docs: Holt die tatsächlichen Docs für eine Bibliothek. Zurück kommen aktuelle Dokumentation, Beispiele und API-Referenzen.

Grundlegende Verwendung

Hänge use context7 an jeden Prompt, der frische Docs braucht:

Create a Next.js 15 middleware that handles authentication. use context7

Drei Dinge passieren:

  1. Der Name "Next.js" wird zur Bibliotheks-ID /vercel/next.js aufgelöst
  2. Middleware-Docs kommen aus einer Abfrage zurück
  3. Code wird gegen aktuelle API-Formen geschrieben

Versions-spezifische Abfragen

Eine Versionsnummer im Prompt wird automatisch aufgegriffen:

How do I configure Prisma 6 with PostgreSQL? use context7

Die zurückgegebene Dokumentation passt zum genannten Release.

Häufige Bibliotheks-IDs

Das ID-Format ist /organisation/repository. Acht, auf die du oft triffst:

BibliothekContext7 ID
Next.js/vercel/next.js
React/facebook/react
Prisma/prisma/prisma
Supabase/supabase/supabase
Drizzle/drizzle-team/drizzle-orm
tRPC/trpc/trpc
Tailwind/tailwindlabs/tailwindcss
Zod/colinhacks/zod

Überspring die Auflösung komplett, indem du die ID selbst übergibst:

use library /supabase/supabase for API and docs

Unterstützte Bibliotheken

Tausende Bibliotheken leben im Index. Die Hauptkategorien:

Frontend: React, Vue, Svelte, Angular, Solid, Qwik

Meta-Frameworks: Next.js, Nuxt, SvelteKit, Astro, Remix

Backend: Express, Fastify, Hono, NestJS, Koa

Datenbanken: Prisma, Drizzle, Mongoose, TypeORM, Supabase

Hilfsmittel: Zod, tRPC, React Query, SWR, Zustand, Jotai

Testing: Vitest, Jest, Playwright, Cypress

Jede Bibliothek mit öffentlichen Docs ist wahrscheinlich abgedeckt. Neue Versionen werden laufend aufgenommen.

Mit MCP Tool Search kombinieren

MCP Tool Search lässt sich sauber mit diesem Server kombinieren. Schalte es ein und die Tools laden nur, wenn die Unterhaltung sie braucht, damit der Session-Start schlank bleibt.

Warum das wichtig ist: Du kannst diesen neben anderen MCP-Servern stapeln, ohne in Kontext-Limits zu laufen:

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    },
    "brave-search": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-brave-search"],
      "env": { "BRAVE_API_KEY": "your-key" }
    },
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": { "GITHUB_TOKEN": "your-token" }
    }
  }
}

Der Server wacht nur auf, wenn Docs im Prompt auftauchen oder der Trigger-Satz erscheint. Leerlaufzeit kostet null Tokens.

Fehlerbehebung

ERR_MODULE_NOT_FOUND: Tausch npx gegen bunx. Manche Umgebungen stolpern über npms Cache-Layer.

Bibliothek nicht gefunden: Nicht jedes Paket ist indiziert. Der Server sagt dir klar, wenn er einen Namen nicht auflösen kann. Greife auf einen Web-Such-MCP als Fallback zurück.

Veraltete Ergebnisse: Die Indizierung läuft nach einem Zeitplan. Releases der letzten Tage sind vielleicht noch nicht dabei. Für brandneue Features lese die offiziellen Docs direkt.

Nächste Schritte

So ein Server dreht Claude Code von einem festen Snapshot in etwas um, das aktiv recherchiert. Stapel ihn mit anderen für ein vollständigeres Setup:

  • Lies die MCP-Grundlagen, falls das Protokoll noch neu für dich ist
  • Stöbere durch einen Katalog mit 50+ MCP-Servern für mehr Möglichkeiten
  • Füge einen Web-Such-MCP für Recherche jenseits von Bibliotheken hinzu
  • Schalte MCP Tool Search ein, um den Kontext-Verbrauch gering zu halten

Binde Context7 ein und die veralteten Muster hören auf. use context7 wird zum Reflex, sobald der Qualitätsunterschied im Code spürbar wird.

Continue in MCP

  • 50+ MCP-Server für Claude Code
    50+ Claude Code MCP-Server, Editor-Integrationen, Nutzungsmonitore, Orchestratoren, Datenbankverbinder, Browser-Treiber und Starter-Kits, die sich heute einzubinden lohnen.
  • Browser-Automatisierung mit MCP für Claude Code
    Playwright oder Puppeteer per MCP in Claude Code einbinden und echte Browser mit natürlicher Sprache steuern: Scraping, QA, Regression-Klicks, kein Selector-Aufwand.
  • Cursor MCP Server
    MCP-Server in Cursor IDE konfigurieren. Wo .cursor/mcp.json liegt, das JSON-Format, das Cursor erwartet, und die ersten Server für Suche, Git und Browser.
  • Eigenen MCP-Server für Claude Code bauen
    Einen eigenen Claude Code MCP-Server in Node.js bauen. Tool-Definitionen, Request-Handler, REST- und Postgres-Muster, plus die Konfiguration, die Claude Code zum Laden braucht.
  • MCP-Grundlagen
    Model Context Protocol Grundlagen: Server-Prozesse stellen Claude Code Werkzeuge, APIs und Dienste über ein gemeinsames Übertragungsformat zur Verfügung. Konfiguration, Transportwege und der erste Server.
  • MCP Tool Search
    MCP Tool Search lädt Claude Code-Tool-Definitionen erst bei Bedarf nach, sobald sie 10 % des Kontextfensters überschreiten, und gibt dabei zehntausende Token von ungenutzten MCP-Servern zurück.

More from Toolkit

  • Tastenkürzel
    Claude Code keybindings.json konfigurieren: 17 Kontexte, Tastenkombinations-Syntax, Chord-Sequenzen, Modifier-Kombinationen und wie du jeden Standard-Shortcut sofort deaktivierst.
  • Status Line Guide
    Richte eine Claude Code Status Line ein, die Modellname, Git-Branch, Sitzungskosten und Kontextnutzung anzeigt. settings.json-Konfiguration, JSON-Eingabe, Bash-, Python- und Node.js-Skripte.
  • KI-SEO und GEO-Optimierung
    Ein Überblick über Generative Engine Optimization: Wie du dafür sorgst, dass deine Inhalte in ChatGPT-, Claude- und Perplexity-Antworten zitiert werden, statt nur bei Google zu ranken.
  • Claude Code vs Cursor in 2026
    Ein direkter Vergleich von Claude Code und Cursor in 2026: Agentenmodelle, Kontextfenster, Preisstufen und welches Tool zu welchem Entwickler-Workflow passt.

Hören Sie auf zu konfigurieren. Fangen Sie an zu bauen.

SaaS-Builder-Vorlagen mit KI-Orchestrierung.

On this page

Was Context7 MCP eigentlich ist
Warum das für Claude Code wichtig ist
Installation und Einrichtung
Claude Code CLI
Claude Desktop
Alternative: Bun Runtime
In der Praxis nutzen
Grundlegende Verwendung
Versions-spezifische Abfragen
Häufige Bibliotheks-IDs
Unterstützte Bibliotheken
Mit MCP Tool Search kombinieren
Fehlerbehebung
Nächste Schritte

Hören Sie auf zu konfigurieren. Fangen Sie an zu bauen.

SaaS-Builder-Vorlagen mit KI-Orchestrierung.