hitmman55

Claude Code Chat Viewer — Design skill for Claude Code

Design community

Offline HTML viewer for Claude Code JSONL session transcripts.

How to install Claude Code Chat Viewer

This entry records only its repository, not the path inside it, so there is no exact command to give. Open hitmman55/claude-code-chat-viewer and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Code Chat Viewer does

Offline HTML viewer for Claude Code JSONL session transcripts. Six UI languages, light/dark theme, no backend, no CDN.

Alternatives in Design

NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★

README

Just click — no install, no build, no signup.

English · Русский · Español · Français · 中文 · العربية

Claude Code Chat Viewer

Screenshot

HTML viewer for [Claude Code](https://claude.com/claude-code) session transcripts in JSONL format. Opens in a browser — no server, no build step, one vendored dependency. Works offline out of the box.

Why

Claude Code writes every session to `~/.claude/projects//.jsonl` — one line per record (user message, model reply, thinking, tool_use, tool_result, attachment, etc.). The raw file is unreadable; built-in commands like `/resume` display the conversation but don't let you export or inspect it post-mortem.

This viewer turns such a `.jsonl` into a readable feed with color-coded roles, collapsible service blocks (thinking / tools / results), and filters.