Claude.ai のチャット会話を書式を保持した HTML ファイルとして保存できる Chrome 拡張機能。
Claude.ai チャット インターフェイスにダウンロード ボタンを追加します
Tailwind CSS を使用してチャットの書式を保持します
チャットタイトルに基づいてクリーンなファイル名を生成します
完全なチャット記録をスタンドアロンの HTML ファイルとしてダウンロードします
元のチャットのすべてのスタイルとレイアウトを維持します
このリポジトリのクローンを作成するか、ソース コードをダウンロードします
Chrome を開き、 chrome://extensions/に移動します。
右上の「開発者モード」を有効にする
「解凍してロード」をクリックし、拡張ファイルを含むディレクトリを選択します
Claude.ai にアクセスしてチャットを開きます
チャット インターフェイスでダウンロード ボタンを探します (アイコンと「ダウンロード」テキストが表示されます)。
ボタンをクリックして現在のチャットを保存します
ブラウザのダウンロード ダイアログで保存場所を選択します
チャットは、チャット タイトルをファイル名とした HTML ファイルとして保存されます。
manifest.json - 拡張機能の構成と権限
popup.html - シンプルなポップアップ インターフェイス
popup.js - ポップアップ ボタンのクリックを処理し、ダウンロードを開始します
content.js - ダウンロード ボタンを挿入し、チャット コンテンツの抽出を処理します
background.js - ファイルのダウンロード プロセスを管理します
styles.css - ダウンロード ボタンのカスタム スタイル
拡張機能は次のように機能します。
Claude インターフェイスにダウンロード ボタンを挿入する
リクエストに応じてチャットの内容をキャプチャする
以下を使用してスタンドアロン HTML ファイルを作成します。
オリジナルのチャットコンテンツ
埋め込み Tailwind CSS (CDN 経由)
維持された Tailwind クラスとレイアウト
必要なスタイルをすべて備えた自己完結型の HTML ドキュメント
HTML ファイルには、元の Claude インターフェイスとまったく同じスタイルを維持するために、CDN 経由で Tailwind CSS 2.2.19 が含まれています。
Chrome のダウンロード API を介したダウンロードの処理
Tailwind CSS (2.2.19) - 生成されたファイルに CDN 経由でロードされます
拡張機能には以下が必要です。
downloads - ファイルの保存用
https://claude.ai/*のホスト権限
拡張子を変更するには:
ソースファイルに変更を加えます
chrome://extensions/アクセスしてください
拡張カードの更新アイコンをクリックします
Claude.ai で変更をテストします。
現在、Google Chrome でのみテストおよびサポートされています。他の Chromium ベースのブラウザでも動作する可能性がありますが、保証されていません。
問題や機能強化のリクエストをお気軽に送信してください。
このプロジェクトは、GNU General Public License v3.0 に基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。
つまり、次のことを自由に行うことができます。
コードを商用で使用する
コードを変更する
コードを配布する
場所保証
以下の条件下:
拡張機能の配布時にソース コードを利用できるようにする必要がある
ライセンスと著作権表示のコピーを含める必要があります
変更は同じライセンスに基づいてリリースする必要があります
コードに加えられた変更は文書化する必要があります
