skills.rest
prince-khanna
prince-khannaCOMMUNITY
Explore all skills by this author →
GitHub

view-team-session

Generate an interactive HTML viewer for Claude Code session logs from JSONL files.

1|Updated Apr 13, 2026
Search Tags:#html#logs#claude#session#team#jsonl#viewer
One-click install
npx skills add https://github.com/prince-khanna/claude-code-plugins --skill view-team-session
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: view-team-session
Source: https://github.com/prince-khanna/claude-code-plugins/tree/main/agent-teams/skills/view-team-session
Command: npx skills add https://github.com/prince-khanna/claude-code-plugins --skill view-team-session

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Users need an easy way to view Claude Code session logs, especially for agent team collaborations, without manually parsing JSONL files.

Core Features & Use Cases

  • Generates a self‑contained HTML file that visualizes the full conversation timeline, including speech, direct messages, tool calls, and task events.
  • Supports both solo sessions and multi‑agent team sessions, automatically aggregating team members' logs.
  • Provides interactive filters, search, and dark‑theme styling for quick analysis or replay of sessions.

Quick Start

Ask the view-team-session skill to create a session viewer for the desired session ID.

Frequently Asked Questions about view-team-session

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

FAQPage Schema
How do I view Claude Code session logs without manually parsing JSONL files?▼

To view Claude Code session logs without parsing JSONL files, you can generate a self-contained interactive HTML viewer. It parses local JSONL logs, aggregates team data, and embeds structured conversation timelines, tool calls, and task events into a single HTML file.

Can I visualize multi-agent team sessions in Claude Code?▼

Yes, you can visualize multi-agent team sessions in Claude Code. The viewer automatically aggregates team members' JSONL logs, generating an interactive HTML timeline that displays speech, direct messages, tool calls, and task events for the entire team.

What is the best way to create an interactive HTML viewer for Claude sessions?▼

The best way to create an interactive HTML viewer for Claude sessions is using a Python script to parse local JSONL files and embed structured events into a self-contained HTML file. This provides interactive filters, search capabilities, and dark-theme styling for quick analysis.

Does the Claude session viewer support solo sessions or only team collaborations?▼

The Claude session viewer supports both solo sessions and multi-agent team collaborations. It automatically detects the session type, aggregating team data when necessary, to visualize the full conversation timeline for analysis or replay.

Do I need Python installed to generate a Claude Code session HTML viewer?▼

Yes, you need Python installed to generate the Claude Code session HTML viewer. The skill relies on a Python script to parse local JSONL files, aggregate team data, and embed the structured events into the final self-contained HTML output.

Related Skills

Explore More Software Engineering Skills→
wangqianCAIwangqianCAI

model-usage

Summarize CodexBar JSONL cost logs for Codex and Claude providers.

Community
Intermediate
fullsend-aifullsend-ai
107

replay-session

Replay Claude Code sessions from GitHub Actions artifacts as interactive HTML.

Official
Intermediate
mikersaysmikersays

deck

Convert a topic into a self-contained HTML slide deck with dark theme and keyboard navigation.

Community
Basic
vladolaruvladolaru
6

analyzing-cc-sessions

Parse JSONL transcripts to extract metrics and diagnose subagent behavior.

Community
Advanced