Community研究&データ分析github.com

Claude Code チャットビューアー

Claude Code のチャットログを、インストール不要、依存関係なし、データアップロードなしでブラウザ上でオフライン表示できます。

Claude Code チャットビューアー とは?

このスキルは、Claude Code のチャットログをオフラインでブラウザ上に表示するためのツールです。インストールや依存関係、データのアップロードは一切不要で、ログファイルをドラッグ&ドロップするだけで即座に表示できます。主に Claude Code ユーザー向けで、プライバシーを重視し、すべての処理がローカルで完結するため、機密情報が外部に漏れるリスクがありません。また、カスタムモデルや他のチャットログ形式にも対応できるように設計されており、柔軟な拡張が可能です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add Ronniegymnosophical586/claude-code-chat-viewer

Installed? Explore more 研究&データ分析 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Claude Code チャットビューアー は何をしますか?

Claude Code のチャットログを、インストール不要、依存関係なし、データアップロードなしでブラウザ上でオフライン表示できます。

使い方

  1. Claude Code のログファイル(~/.claude/logs/ ディレクトリにある JSON ファイル)を取得します。
  2. ブラウザで index.html を開きます。
  3. ログファイルをドラッグ&ドロップするか、ファイル選択ダイアログから選択します。
  4. チャット履歴がブラウザに表示され、オフラインで閲覧できます。

特徴

  • 完全オフライン: インターネット接続不要。すべての処理はブラウザ内で行われます。
  • プライバシー重視: データはどこにもアップロードされず、ローカル環境でのみ処理されます。
  • 依存関係ゼロ: 単一のHTMLファイルのみで動作します。Node.jsやPythonなどの実行環境は不要です。
  • インストール不要: ダウンロードしてすぐに使えます。

対応プラットフォーム

  • Claude Code(デフォルトのログ形式に対応)

技術詳細

  • index.html: 単一のHTMLファイルであり、すべてのHTML、CSS、JavaScriptが含まれています。
  • ログファイルはブラウザのFile APIを使用して読み込まれ、メモリ上でパースされます。
  • 表示にはカスタムCSSを使用し、Claude Code のインターフェースに似せたスタイルを適用しています。

ライセンス

このプロジェクトは MIT ライセンスのもとで公開されています。

関連スキル