Treck: Eine Chrome-Erweiterung, die Web-Recherchen erfasst und mit Claude Dokumente erstellt

Treck ist eine Chrome-Erweiterung, die das Problem "50 Tabs offen, dann manuell aufschreiben" löst. Sie clippen Text, Bilder, Produktseiten, YouTube-Videos und komplette Webseiten in benannte Projekt-Threads. Claude arbeitet dann über alle Clips auf einmal und erstellt ein fertiges Artefakt – PDF-Bericht, .docx oder eine teilbare Vergleichsseite.

So funktioniert es

• Alles clippen: Erfassen Sie Text, Bilder, Produktseiten, YouTube-Videos oder vollständiges HTML von jedem Tab.
• In Threads organisieren: Jeder benannte Thread ist ein Projekt. Alle Clips sind an einem Ort.
• Dokumente generieren: Mit einem formatspezifischen System-Prompt (Bericht, Angebot, Zusammenfassung, E-Mail, Kurzdarstellung) serialisiert Claude die Clips und gibt Markdown zurück, das dann in formatiertes PDF und .docx umgewandelt wird.
• Vergleichsseiten generieren: Gleiche Eingabe, aber Ausgabe ist eine strukturierte HTML-Seite mit Vergleichstabelle, Vor- und Nachteilen sowie einer Empfehlung. Bild- und Videoclips werden zu einer Galerie und Einbettungen.
• Eigenen Schlüssel mitbringen: Läuft mit dem eigenen Anthropic-Schlüssel des Benutzers (DeepSeek als Fallback). Kein Token-Markup-Geschäft.

Wichtige technische Lektion: Clip-Serialisierung

Die nützlichste Erkenntnis des Entwicklers: Wie Sie die Clips in den Kontext serialisieren, ist wichtiger als die Formulierung des Prompts. Das Einfügen von rohem erfasstem HTML führte zu vagen, ausweichenden Ausgaben. Die Vorstrukturierung jedes Clips in einen beschrifteten Block – Quelle, Titel, erfasster Text, Notiz, Typ – bevor er Claude erreicht, zusammen mit der expliziten Anweisung, nur die Informationen in den Clips zu verwenden, verbesserte die Qualität mehr als jede noch so viele Prompt-Anpassungen.

Der für die Vergleichsseite verwendete Prompt:

Sie vergleichen die Produkte und Quellen in den folgenden Clips. Erstellen Sie einen strukturierten Vergleich mit einer kurzen Einleitung, einer Markdown-Tabelle der wichtigsten Unterschiede, klaren Vor- und Nachteilen pro Option und einer eindeutigen Empfehlung mit Begründung. Verwenden Sie nur die Informationen in den Clips. Geben Sie nur Markdown aus.

Stack

React/TypeScript mit Zustand im Seitenpanel, Express und Supabase im Backend. Erfassungs- und Kernorganisationsfunktionen sind kostenlos; Claude-basierte Generierung ist die kostenpflichtige Stufe.

Live-Beispiele

• Generierte Vergleichsseite (kein Login)
• Einzelner geteilter Clip (kein Login)

Für weitere Details zur Prompt-Gestaltung oder Clip-Kontext-Strukturierung ist der Entwickler im Reddit-Thread aktiv.