Claude herunterladen

Claude Chat Downloader

Eine Chrome-Erweiterung, mit der Sie Claude.ai-Chat-Konversationen als HTML-Dateien mit beibehaltener Formatierung speichern können.

Merkmale

• Fügt der Chat-Oberfläche von Claude.ai einen Download-Button hinzu

• Behält die Chat-Formatierung mithilfe von Tailwind CSS bei

• Erzeugt saubere Dateinamen basierend auf Chat-Titeln

• Lädt vollständige Chat-Transkripte als eigenständige HTML-Dateien herunter

• Behält den gesamten Stil und das gesamte Layout des ursprünglichen Chats bei

Installation

1. Klonen Sie dieses Repository oder laden Sie den Quellcode herunter

2. Öffnen Sie Chrome und navigieren Sie zu chrome://extensions/

3. Aktivieren Sie oben rechts den „Entwicklermodus“.

4. Klicken Sie auf „Entpackt laden“ und wählen Sie das Verzeichnis mit den Erweiterungsdateien aus

Verwendung

1. Besuchen Sie Claude.ai und öffnen Sie einen beliebigen Chat

2. Suchen Sie in der Chat-Oberfläche nach der Download-Schaltfläche (zeigt ein Symbol und den Text „Herunterladen“).

3. Klicken Sie auf die Schaltfläche, um den aktuellen Chat zu speichern

4. Wählen Sie Ihren Speicherort im Download-Dialog des Browsers

5. Der Chat wird als HTML-Datei mit dem Chat-Titel als Dateinamen gespeichert

Projektstruktur

• manifest.json – Erweiterungskonfiguration und Berechtigungen

• popup.html – Einfache Popup-Schnittstelle

• popup.js – Verarbeitet das Klicken auf die Popup-Schaltfläche und initiiert den Download

• content.js – Fügt einen Download-Button ein und übernimmt die Extraktion von Chat-Inhalten

• background.js – Verwaltet den Datei-Download-Prozess

• styles.css – Benutzerdefiniertes Styling für den Download-Button

Technische Details

Die Erweiterung funktioniert wie folgt:

1. Einfügen eines Download-Buttons in die Claude-Oberfläche

2. Erfassen des Chat-Inhalts auf Anfrage

3. Erstellen einer eigenständigen HTML-Datei mit:

• Ursprünglicher Chat-Inhalt

• Eingebettetes Tailwind-CSS (über CDN)

• Beibehaltene Tailwind-Klassen und -Layout

• Eigenständiges HTML-Dokument mit allen erforderlichen Stilen

4. Die HTML-Datei enthält Tailwind CSS 2.2.19 über CDN, um genau den gleichen Stil wie die ursprüngliche Claude-Oberfläche beizubehalten

5. Abwicklung des Downloads über die Download-API von Chrome

Abhängigkeiten

• Tailwind CSS (2.2.19) – Wird über CDN in generierte Dateien geladen

Berechtigungen

Die Erweiterung erfordert:

• downloads – Zum Speichern von Dateien

• Host-Berechtigung für https://claude.ai/*

Entwicklung

So ändern Sie die Erweiterung:

1. Nehmen Sie Ihre Änderungen an den Quelldateien vor

2. Besuchen Sie chrome://extensions/

3. Klicken Sie auf der Erweiterungskarte auf das Aktualisierungssymbol

4. Testen Sie Ihre Änderungen auf Claude.ai

Browserkompatibilität

Derzeit nur auf Google Chrome getestet und unterstützt. Funktioniert möglicherweise auf anderen Chromium-basierten Browsern, dies kann jedoch nicht garantiert werden.

Mitwirken

Fühlen Sie sich frei, Probleme und Verbesserungswünsche einzureichen!

Lizenz

Dieses Projekt ist unter der GNU General Public License v3.0 lizenziert – Einzelheiten finden Sie in der LIZENZ-Datei.

Das bedeutet, dass Sie Folgendes tun können:

• Nutzen Sie den Code kommerziell

• Ändern Sie den Code

• Verteilen Sie den Code

• Platzgarantie

Unter folgenden Bedingungen:

• Der Quellcode muss bei der Verteilung der Erweiterung verfügbar gemacht werden

• Eine Kopie der Lizenz und des Urheberrechtsvermerks muss beigefügt werden

• Änderungen müssen unter derselben Lizenz veröffentlicht werden

• Änderungen am Code müssen dokumentiert werden