skills.rest
openclaw
openclawOFFICIAL
Explore all skills by this author →
Website𝕏@openclawGitHub

session-viewer

Convert JSONL session transcripts from Codex, Claude Code, OpenClaw, or Pi into interactive HTML files.

1.0k|83|Updated May 22, 2026
Search Tags:#jsonl#html conversion#interactive html#session viewer#transcript sharing
One-click install
npx skills add https://github.com/openclaw/agent-skills --skill session-viewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: session-viewer
Source: https://github.com/openclaw/agent-skills/tree/main/skills/session-viewer
Command: npx skills add https://github.com/openclaw/agent-skills --skill session-viewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill converts JSONL session transcripts from Codex, Claude Code, OpenClaw, or Pi into interactive, searchable HTML files, making them easier to view and share.

Core Features & Use Cases

  • JSONL to HTML Conversion: Converts JSONL session transcripts into user-friendly HTML for easier reading and sharing.
  • Searchable HTML: Allows users to search through the session content using the browser's search functionality.
  • Theme Selection: Offers light and dark themes for better readability.
  • Quick Start: Use the session-viewer skill to render a session transcript as HTML. For example, node skills/session-viewer/scripts/session-viewer.ts <session.jsonl> --out /tmp/session.html.

Quick Start

Use the session-viewer skill to render a JSONL session transcript as HTML. For example:

node skills/session-viewer/scripts/session-viewer.ts <session.jsonl> --out /tmp/session.html

Frequently Asked Questions about session-viewer

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

FAQPage Schema
How do I convert JSONL session transcripts to HTML?▼

To convert JSONL session transcripts to HTML, run the session-viewer script to parse JSONL files from Codex, Claude Code, OpenClaw, or Pi and render them as interactive, searchable HTML documents for easier reading and sharing.

What is the best way to make JSONL chat logs readable?▼

The best way to make JSONL chat logs readable is to convert them into interactive HTML files. This approach enhances session transcript readability by allowing users to search content and toggle between light and dark themes.

Can I view Claude Code or Codex session transcripts in a browser?▼

Yes, you can view Claude Code or Codex session transcripts in a browser by converting the JSONL output into interactive HTML. The resulting HTML file supports browser-based search functionality and theme selection.

Do I need Node.js and TypeScript to run session-viewer?▼

Yes, you need Node.js and TypeScript to execute the session-viewer script. The script is run via the command line using the `node` command to process JSONL files and output the HTML transcript.

How do I share JSONL session outputs with my team?▼

To share JSONL session outputs, convert them to a standalone HTML file using the `--out` flag. The generated interactive HTML can be easily distributed and viewed in any web browser without specialized tools.

Related Skills

Explore More Product & Management Skills→
clinecline
19

session-report

Analyze Claude Code JSONL transcripts to generate interactive HTML usage reports.

Official
Intermediate
mateusdias96csmateusdias96cs

visual-explainer

Generate interactive HTML diagrams, tables, and slide decks for complex concepts.

Community
Advanced
dakshrawat298-gifdakshrawat298-gif

session-logs

Analyze session JSONL logs with jq and rg to extract costs, token usage, and tool interactions.

Community
Intermediate
JoeyJoziahJoeyJoziah

session-logs

Search JSONL session logs with jq and rg to recover conversation context.

Community
Intermediate