Claude Code Log
Description
A Python CLI tool that converts Claude Code transcript JSONL files into readable HTML and Markdown formats.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
Claude Code Log
A Python CLI tool that converts Claude Code transcript JSONL files into readable HTML and Markdown formats.
Browser log demo:
[Browser log](https://github.com/user-attachments/assets/12d94faf-6901-4429-b4e6-ea5f102d0c1c)
TUI demo:
[TUI](https://github.com/user-attachments/assets/75718e2b-3b02-4e17-8f3d-366e2c40dcc2)
Project Overview
📋 **[View Changelog](CHANGELOG.md)** - See what's new in each release
This tool generates clean, minimalist HTML pages showing user prompts and assistant responses chronologically. It's designed to create a readable log of your Claude Code interactions with support for both individual files and entire project hierarchies.
📄 **[View Example HTML Output](https://github.com/daaain/claude-code-log/releases/latest/download/claude-code-log-transcript.html)** - Download a real example generated from this project's development (large file, ~100 MB)
Quickstart
TL;DR: run the command below and browse the pages generated from your entire Claude Code archives:
uvx claude-code-log@latest --open-browser
Key Features
- Interactive TUI (Terminal User Interface): Browse and manage Claude Code sessions with real-time navigation, summaries, and quick actions for HTML export and session resuming
- Project Hierarchy Processing: Process entire
~/.claude/projects/directory with linked index page - Individual Session Files: Generate separate HTML files for each session with navigation links
- Single File or Directory Processing: Convert individual JSONL files or specific directories
- Session Navigation: Interactive table of contents with session summaries and quick navigation
- Token Usage Tracking: Display token consumption for individual messages and session totals
- Runtime Message Filtering: JavaScript-powered filtering to show/hide message types (user, assistant, system, tool use, etc.)
- Chronological Ordering: All messages sorted by timestamp across sessions
...
Related Skills
Import Drawio
Redraw a draw.io file as an editorial diagram at a chosen format, size, and detail level
Code Quality Import Mermaid
Redraw Mermaid as an editorial diagram at a chosen format, size, and detail level
Code Quality Open Code Review
/open-code-review
Code Quality Job Stories
- Create job stories with acceptance criteria in JTBD format
Code Quality Wwas
- Create backlog items in Why-What-Acceptance format
Code Quality Code Quality Review
Review code quality in: $ARGUMENTS
Code Quality