Webseiten mit Share2Agent an Cursor senden

Teile Dokumentation, API-Referenzen und Code-Beispiele direkt mit Cursor. Share2Agent extrahiert den Seiteninhalt, ein leichtgewichtiger Receiver speichert ihn als Markdown, und du referenzierst ihn im Cursor-AI-Chat mit @file.

Voraussetzungen

Cursor IDE installiert
Python 3.8+ (für das Receiver-Skript)
Share2Agent Chrome-Erweiterung installiert

So funktioniert es

Der Ansatz ist simpel: Ein kleiner Python-Receiver speichert geteilte Seiten als Markdown-Dateien in deinem Projektverzeichnis. Cursor liest diese Dateien dann und nutzt sie als Kontext im AI-Chat.

Chrome  -->  Share2Agent  -->  receiver.py  -->  .pages/article.md  -->  Cursor @file

Schritt 1: Receiver einrichten

Das Receiver-Skript aus dem Share2Agent-Repository funktioniert mit jedem AI-Coding-Tool, nicht nur mit Claude Code. Lade es herunter:

bash

curl -O https://raw.githubusercontent.com/mnardit/share2agent/main/examples/receiver/receiver.py
pip install pyyaml

Schritt 2: Speicherverzeichnis konfigurieren

Starte den Receiver mit PAGES_DIR zeigend auf ein Verzeichnis innerhalb deines Cursor-Projekts:

bash

PAGES_DIR=/path/to/your/project/.pages python3 receiver.py

Mit .pages (führender Punkt) bleiben geteilte Inhalte aus deinem Source-Tree heraus, sind für Cursor aber zugänglich. Füge es zu .gitignore hinzu:

# .gitignore
.pages/

Schritt 3: Share2Agent konfigurieren

Klicke auf das Share2Agent-Icon in Chrome.
Öffne Settings.
Setze die Webhook URL auf http://localhost:9876.
Speichere.

Schritt 4: Eine Seite teilen

Öffne eine Doku-Seite, API-Referenz oder ein Code-Beispiel.
Klicke auf das Share2Agent-Icon.
Schreibe optional einen Kommentar, der beschreibt, was du brauchst (z.B. "wie nutzt man diesen Hook").
Klicke auf Share.

Der Receiver speichert die Seite als Markdown-Datei:

.pages/2026-03-28-1430-react-useeffect-docs.md

Die Datei enthält YAML-Frontmatter mit URL, Titel, Author und deinem Kommentar, gefolgt vom extrahierten Inhalt.

Schritt 5: In Cursor referenzieren

Öffne den AI-Chat von Cursor (Cmd+L / Ctrl+L) und referenziere die gespeicherte Datei:

@.pages/2026-03-28-1430-react-useeffect-docs.md

Wie räume ich Effects in diesem Pattern auf?

Cursor liest den vollständigen Dateiinhalt und nutzt ihn als Kontext für die Antwort.

Mehrere Dateien referenzieren

Wenn du für eine Recherche mehrere Seiten geteilt hast, referenziere alle:

@.pages/2026-03-28-1430-react-useeffect-docs.md
@.pages/2026-03-28-1435-react-hooks-faq.md

Vergleiche die Ansätze in diesen beiden Docs.

Alternative: Cursor Rules

Für Seiten, die du wiederholt referenzierst, kopierst du den Inhalt in eine .cursor/rules-Datei, sodass Cursor sie automatisch als Kontext einbindet:

bash

cp .pages/2026-03-28-1430-react-useeffect-docs.md .cursor/rules/react-effects.md

Auf diese Weise hat Cursor diese Referenz immer verfügbar, ohne dass du sie explizit per @file mentionen musst.

Alternative: MCP-Integration

Cursor unterstützt das Model Context Protocol (MCP). Statt Dateien zu speichern, könntest du einen eigenen MCP-Server bauen, der:

Webhooks von Share2Agent empfängt.
Seiten im Speicher hält.
Sie als MCP-Resources verfügbar macht, die Cursor abfragen kann.

Das ist fortgeschrittener, vermeidet aber File-Clutter. Siehe Cursor MCP Docs für die Setup-Anleitung.

Tipps

Pro Projekt organisieren - betreibe getrennte Receiver für unterschiedliche Projekte, jeder mit eigenem .pages/-Verzeichnis.
Kommentare als Instruktionen - dein Share2Agent-Kommentar landet im Frontmatter der Datei. Wenn du die Datei in Cursor referenzierst, sieht die AI deinen Hinweis neben dem Inhalt.
Regelmäßig aufräumen - lösche alte .pages/-Dateien, die du nicht mehr brauchst, um dein Projekt sauber zu halten.

Was als Nächstes?

Docs-Bibliothek aufbauen - teile zentrale Doku-Seiten zu Beginn jedes Projekts und referenziere sie über die gesamte Entwicklung hinweg.
Fehlerseiten teilen - beim Debuggen teilst du die relevante Stack-Overflow-Antwort oder das GitHub-Issue direkt und bittest Cursor, den Fix anzuwenden.
Mit Composer kombinieren - referenziere geteilte Seiten in Cursors Composer-Modus, um Code basierend auf echter Dokumentation statt auf Trainingsdaten zu generieren.