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.