transcript-to-html

Convert Claude Code JSONL transcripts into styled HTML files.

1|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/az9713/my-agent-skills --skill transcript-to-html
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: transcript-to-html
Source: https://github.com/az9713/my-agent-skills/tree/main/.claude/skills/cc-transcript-to-html
Command: npx skills add https://github.com/az9713/my-agent-skills --skill transcript-to-html

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Claude Code transcripts are often verbose and hard to review or share. This skill renders JSONL transcripts into a clean, readable HTML format that is easy to skim and discuss.

Core Features & Use Cases

  • Renders session stats, user messages, assistant messages, and tool interactions into a single HTML document.
  • Includes collapsible thinking blocks and color-coded bubbles for quick comprehension.
  • Ideal for exporting, archiving, or presenting Claude Code sessions to teammates or stakeholders.

Quick Start

Run the transcript-to-html skill to convert a Claude Code JSONL transcript into an HTML file.

Frequently Asked Questions about transcript-to-html

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Claude Code JSONL transcripts to HTML for sharing?▼

You can convert Claude Code JSONL transcripts to HTML by running a rendering script that parses session data and outputs a styled, readable HTML file. This skill transforms user messages, assistant responses, and tool interactions into a compact document for easy review.

What is included when exporting Claude Code sessions to HTML?▼

Exporting Claude Code sessions to HTML includes session statistics, user messages, assistant messages, thinking blocks, tool calls, and tool results. The output features collapsible thinking sections and color-coded message bubbles for quick visual comprehension.

Can I use this to archive Claude Code transcripts for log review?▼

Yes, you can use this to archive Claude Code transcripts for log review. It renders verbose JSONL session data into a clean, self-contained HTML format that is easy to skim, discuss, and store for future reference.

Does the transcript-to-html conversion require any external dependencies?▼

No, the transcript-to-html conversion requires no external dependencies. It implements a self-contained Python script that handles all rendering internally, producing a standalone HTML file without needing additional libraries.

What's the best way to present Claude Code transcripts to clients?▼

The best way to present Claude Code transcripts to clients is converting the JSONL logs into a styled HTML file. This approach renders interactions with color-coded bubbles and collapsible sections, making the session easy to read and discuss.