Claude · Plugins und Ökosystem-Integrationen

Claude arbeitet am besten in dem Tool, das Sie ohnehin offen haben, und nicht in einem Browser-Tab, zu dem Sie ständig hin- und herwechseln. Diese Lektion zeigt alle Stellen, an denen sich Claude andocken lässt: Ihr Editor, Ihr Desktop, Ihr Slack, Ihre Repos und die Connector-Schicht, die alles verbindet. Danach richten wir die VS-Code-Integration komplett ein, verpacken sie als Plugin, das Ihr Team installieren kann, und ziehen eine klare Grenze, ab wann sich eine Integration gegenüber Copy-paste lohnt.

Die Integrationsfläche im Überblick

Stellen Sie sich Claude mit drei „KKDie durchschnittliche Zahl neuer Nutzer, die jeder bestehende Nutzer über Empfehlungen generiert. Über 1,0 verstärkt sich das Wachstum selbst und wird exponentiell.Vollständige Definition ansehen →örpern“ vor, in die Sie es installieren können.

Die Claude-Apps. Web, Desktop und Mobile teilen denselben Kern: Projects (dauerhafte Kontextspeicher), Artifacts (live bearbeitbare Ergebnisse), Styles (wiederverwendbare Vorlagen für Ton und Format) und Skills (gebündelte Anweisungen plus Dateien, die Claude bei Bedarf lädt). Die Desktop-App ist hier am wichtigsten, weil sie Connectors und lokale MCPMCPEin offener Standard, mit dem KI-Assistenten einheitlich und kontrolliert an die Werkzeuge und Daten des Unternehmens angebunden werden, statt jede Integration einzeln zu bauen.Vollständige Definition ansehen →-Server ausführen kann, an die die Web-App nicht herankommt.

Claude Code. Ein Agent für das Terminal, der Ihr echtes Dateisystem liest und bearbeitet, Befehle ausführt und mit Ihrer Git-Historie arbeitet. Darauf basieren die IDE-Erweiterungen, und hier leben die Plugins.

Die API-Schicht. Die Anthropic Messages APIAPIApplication Programming Interface: eine standardisierte Schnittstelle, über die Anwendungen kommunizieren und Daten austauschen, ohne die interne Funktionsweise der jeweils anderen zu kennen.Vollständige Definition ansehen → und das Claude Agent SDK, wenn Sie eine eigene Oberfläche bauen, statt die von Anthropic zu nutzen.

Das Bindeglied zwischen allen dreien ist MCP (Model Context Protocol), ein offener Standard, um einem Modell Tools und Daten bereitzustellen. Ein „Connector“ in den Claude-Apps ist technisch meist ein MCP-Server. Wer MCP einmal verstanden hat, kann dasselbe Denkmodell in der Desktop-App, in Claude Code oder im eigenen SDK-Projekt anwenden. Die Spezifikation finden Sie unter modelcontextprotocol.io.

Connectors und das Verzeichnis

Ein Connector erlaubt Claude, aus einem externen System zu lesen und darin zu handeln: Ihr Google Drive, ein Notion-Workspace, eine Postgres-Datenbank, ein Sentry-Projekt. Anthropic liefert eigene Connectors und betreibt ein Connector-Verzeichnis. Viele Einträge sind von der Community gebaute MCP-Server, auf die Sie Claude verweisen.

Zwei Varianten sind relevant:

• Remote Connectors (gehostet, OAuth-basiert) funktionieren in der Web- und der Desktop-App. Gut für SaaS-Tools.
• Lokale MCP-Server laufen auf Ihrem Rechner und setzen die Desktop-App oder Claude Code voraus. Gut für lokale Dateien, Datenbanken und interne Tools, die Sie nicht dem Internet aussetzen wollen.

Diese Unterscheidung entscheidet, welchen Körper von Claude Sie wählen. Lokale Daten heißt Desktop oder Claude Code, nicht die Web-App.

Die VS-Code-Integration einrichten

Jetzt das konkrete Beispiel. Die Claude-Code-Erweiterung holt den Agenten in VS Code, sodass er Ihre geöffneten Dateien, Ihre Auswahl und Ihre Diagnosen sieht und dann Änderungen vorschlägt, die Sie inline prüfen.

Installation

Installieren Sie die Claude Code CLI. Die Erweiterung setzt darauf auf.

# Claude Code installieren (macOS / Linux)
curl -fsSL https://claude.ai/install.sh | bash

# Prüfen, dann authentifizieren
claude --version
claude   # beim ersten Start öffnet sich ein Browser zur Anmeldung

Öffnen Sie dann in VS Code das Extensions-Panel, suchen Sie nach Claude Code und installieren Sie die offizielle Erweiterung von Anthropic. JetBrains-Nutzer bekommen ein entsprechendes Plugin im JetBrains Marketplace, der Workflow unten ist nahezu identisch.

Nach der Installation haben Sie ein Claude-Panel in der Seitenleiste und einen Shortcut, um die aktuelle Auswahl oder Datei in den Kontext zu schicken. Der entscheidende Unterschied zur Web-App: Claude sieht das echte Projekt, nicht ein eingefügtes Snippet. Es kann benachbarte Dateien öffnen, Ihre package.json lesen und Ihren Testbefehl ausführen.

Mit einer Projektkonfiguration eingrenzen

Legen Sie eine Datei CLAUDE.md im Root Ihres Repos ab. Sie enthält die dauerhaften Anweisungen für das Projekt und wird in jeder Session automatisch geladen. Das ist die Datei mit dem größten Hebel im ganzen Setup.

# Project: billing-service

## Stack
- TypeScript, Node 20, Fastify, Prisma, Postgres
- Tests: vitest. Run with `npm test`.

## Conventions
- No `any`. Prefer explicit return types on exported functions.
- All money values are integer cents, never floats.
- DB access goes through `src/db/`, never inline Prisma in routes.

## Before you finish
- Run `npm run lint && npm test` and report results.

Wenn Sie jetzt „füge einen Refund-Endpoint hinzu“ eingeben, kennt Claude bereits Ihren Stack, Ihre Regel für Geldbeträge und weiß, dass es Lint und Tests laufen lassen muss, bevor es die Aufgabe für erledigt erklärt. Sie müssen den Kontext nicht mehr bei jedem Prompt neu erklären.

Einen lokalen MCP-Server hinzufügen

Angenommen, Claude soll Ihre Entwicklungsdatenbank direkt aus VS Code abfragen. Registrieren Sie dafür einen MCP-Server für das Projekt. Der ursprüngliche Referenz-Postgres-Server des MCP-Projekts ist archiviert, nutzen Sie also einen gepflegten wie DBHub:

claude mcp add postgres-dev -- \
  npx -y @bytebase/dbhub --transport stdio \
  --dsn "postgres://localhost:5432/billing_dev"

Danach funktioniert „zeig mir das SchemaSchemaEin Schema ist der formale Bauplan, der festlegt, wie Daten in einer Datenbank, einer Datei oder einer Nachricht strukturiert, benannt, typisiert und miteinander verknüpft sind.Vollständige Definition ansehen → der Tabelle invoices und schreib eine Migration, die eine Spalte refunded_at hinzufügt“ direkt gegen Ihr aktuelles Entwicklungsschema. Sie müssen keine \d invoices-Ausgabe einfügen. Der Server läuft lokal, der Connection String verlässt also nie Ihren Rechner. Mit claude mcp list prüfen Sie, ob die Verbindung steht.

Plugins: Setup einmal verpacken, überall teilen

Alles oben ist Konfiguration pro Repo und pro Person. Claude Code plugins bündeln sie, sodass ein Kollege mit einem einzigen Befehl dasselbe Setup bekommt. Ein Plugin kann beliebig kombinieren:

• Slash-Befehle (/review-money, /new-endpoint)
• Subagents mit eigenen Anweisungen und Tool-Beschränkungen
• Hooks, die an festen Punkten laufen, etwa der Linter nach jeder Änderung
• Skills
• MCP-Server-Definitionen, wie der Datenbankserver oben

Plugins werden über Marketplaces verteilt, das sind einfach Git-Repos mit einem Manifest. In einer Claude-Code-Session:

/plugin marketplace add your-org/claude-plugins
/plugin install billing-tools@your-org

Mit /plugin allein können Sie Installiertes durchsuchen, aktivieren oder deaktivieren. Anthropic und die Community veröffentlichen öffentliche Marketplaces auf GitHub, ein Unternehmen kann einen privaten für interne Tools betreiben.

Die Faustregel: Wenn Sie dieselben Befehle oder dieselbe MCP-Konfiguration in ein drittes Repo kopiert haben, machen Sie ein Plugin daraus. CLAUDE.md bleibt für das, was spezifisch für ein Projekt ist, etwa Stack und Konventionen.

Die GitHub-Integration

Die GitHub integration holt Claude aus Ihrem Editor in Ihre PipelinePipelineAlle aktiven Verkaufschancen über die Phasen des Vertriebsprozesses hinweg, zusammen mit ihrem gesamten potenziellen Wert und ihrer Abschlusswahrscheinlichkeit.Vollständige Definition ansehen →. Installieren Sie die Claude GitHub App in einem Repo, dann können Sie @claude in einem Issue oder PR-Kommentar taggen. Claude eröffnet einen Branch, schreibt die Änderung und pusht einen PR, oder es reviewt einen bestehenden PR und hinterlässt Inline-Kommentare.

Das ist das klarste Beispiel dafür, dass eine Integration die Web-App schlägt. Das Modell handelt dort, wo die Arbeit ohnehin liegt: im Diff, in den CI-Logs, im Review-Thread. Nichts wird irgendwo eingefügt. Sie richten es mit einem GitHub-Actions-Workflow ein, Ihr Anthropic API Key liegt als Repo-Secret. Nutzen Sie es zum Triagieren von Issues, für erste PR-Entwürfe bei gut spezifizierten Tickets und für automatisches Review per Label.

Slack und Team-Oberflächen

Die Claude-Slack-Integration bringt Claude in einen Channel oder eine DM. Dort kann es den Thread lesen, in dem es erwähnt wird, und mit Ihrem verbundenen Kontext antworten. Kombiniert mit einem Notion- oder Drive-Connector wird „@Claude fass die Entscheidung in diesem Thread zusammen und entwirf das Update für #eng-announce“ zur Aufgabe mit einer einzigen Nachricht.

Das Muster lässt sich verallgemeinern. Jede Oberfläche, auf der Ihr Team bereits kommuniziert oder arbeitet, kommt infrage. Das Modell ist überall dasselbe. Der Nutzen entsteht, weil der Schritt wegfällt, in dem jemand den Kontext sonst von Hand zusammensucht.

Wann eine Integration Copy-paste schlägt

Die Web-App ist ein hervorragender Notizblock. Eine Integration gewinnt, sobald einer dieser Punkte zutrifft:

1. Der Kontext ist groß oder verteilt sich auf viele Dateien. Zwölf Dateien in einen Chat zu kopieren ist verlustbehaftet, und eine vergessen Sie garantiert. Die IDE-Integration liest das Repo. Den Kontext von Hand zusammenzustellen ist genau der Aufwand, den die Integration streicht.

2. Das Ergebnis muss an einem bestimmten Ort landen. Ein PR, eine Slack-Nachricht, eine Datenbankzeile, eine bearbeitete Datei. Wenn Sie Claudes Antwort ohnehin in ein anderes Tool kopieren, entfernt eine Integration, die direkt dorthin schreibt, eine Fehlerquelle. Beim Copy-paste geht die Formatierung verloren oder der falsche Block wird erwischt.

3. Die Aufgabe wiederholt sich. „Prüfe jeden PR auf unsere Regel für Geldbeträge“ rechtfertigt eine GitHub Action oder einen Plugin-Befehl. Eine einmalige Frage nicht. Automatisieren Sie die Schleife, nicht den Einzelfall.

4. Die Daten dürfen Ihren Rechner oder Ihr Unternehmen nicht verlassen. Lokale MCP-Server und die Desktop-App halten alles intern. Bei der Web-App laufen die Daten über Ihre Browser-Session.

Wenn nichts davon zutrifft (eine schnelle Frage, ein Brainstorming, ein Snippet, das klein genug zum Einfügen ist), ist die Web-App das richtige Tool. Bauen Sie nichts zu aufwendig. Konfigurationsdateien, Authentifizierung und MCP-Server sind Overhead, und dieser Overhead zahlt sich nur aus, wenn Kontext, Zielort, Wiederholung oder Datenresidenz eine Rolle spielen.

Ein durchgerechneter Vergleich

Sie müssen einer Route eine Eingabevalidierung hinzufügen.

• Copy-paste-Weg: Route einfügen, Schema-Datei einfügen, Doku der Validierungsbibliothek einfügen und die Konvention beschreiben. Dann die Antwort zurückkopieren, den falsch geratenen Importpfad korrigieren und die Tests selbst laufen lassen.
• Weg über die VS-Code-Integration: „füge der Route POST /refunds eine Validierung nach unseren Konventionen hinzu.“ Claude liest die Route, das Schema und CLAUDE.md. Es schreibt die Änderung mit korrekten Imports, führt npm test aus und meldet das Ergebnis. Sie prüfen den Diff.

Der zweite Weg nutzt dasselbe Modell. Der Unterschied ist die wegfallende Reibung.

Eine eigene Oberfläche bauen

Wenn keine bestehende Integration passt, bauen Sie eine mit dem Agent SDK. Das ist der Notausgang: Sie behalten Claudes Tool-Nutzung und MCP-Fähigkeiten, verpacken sie aber in Ihre eigene App, Ihren Cron-Job oder Ihren internen Service.

import anthropic

client = anthropic.Anthropic()

resp = client.messages.create(
    model="claude-sonnet-4-5",  # aktuelle ID auf der Modellseite prüfen
    max_tokens=1024,
    messages=[{
        "role": "user",
        "content": "Summarize today's failed payments and flag any over $500.",
    }],
)
print(resp.content[0].text)

Das ist die reine Messages API. Das Agent SDK (Python und TypeScript) baut darauf auf. Es bietet dieselbe Agent-Schleife, dasselbe Tool Calling und dieselbe MCP-Unterstützung wie Claude Code, sodass ein nächtliches Skript erledigen kann, was Sie sonst von Hand in der App tun würden. Beispiele und SDK-Quellcode finden Sie unter github.com/anthropics.

Das Denkmodell: Apps zum Denken, Claude Code und IDE-Erweiterungen zum Bauen, Plugins zum Teilen dieses Setups und das SDK, um die Schleife in Ihre eigene Infrastruktur zu bringen. MCP ist die Leitung, die Ihre Tools mit allen davon verbindet.

Key Takeaways

• Wählen Sie die Oberfläche passend zu den Daten. Remote SaaS Connectors funktionieren in der Web-App. Lokale Dateien und Datenbanken erfordern die Desktop-App oder Claude Code.
• Schreiben Sie für jedes Repo eine CLAUDE.md. Sie erspart Ihnen den Kontext, den Sie sonst bei jedem Prompt neu eintippen würden.
• Sobald sich ein Setup über mehrere Repos wiederholt, verpacken Sie Befehle, Subagents, Hooks und MCP-Server als Plugin und installieren es mit /plugin.
• Entscheiden Sie mit der Vier-Punkte-Regel (großererDas Verhältnis von Interaktionen (Likes, Kommentare, Shares) zur Reichweite eines Inhalts. Zeigt, wie stark die Zielgruppe reagiert, gemessen an der Zahl der Personen, die den Inhalt gesehen haben.Vollständige Definition ansehen → Kontext, bestimmter Zielort, wiederkehrende Aufgabe, Daten, die nicht hinausdürfen) zwischen Integration und Web-App. Trifft nichts davon zu, nehmen Sie die Web-App.
• Greifen Sie zu den GitHub- und Slack-Integrationen, wenn die Arbeit bereits in einem PR oder Thread liegt, damit Claude direkt dort handelt.
• Lernen Sie MCP einmal. Dasselbe Protokoll steckt hinter Connectors, Claude-Code-Servern, Plugins und Ihren eigenen Agent-SDK-Projekten.