Session Viewer
If you've ever needed to review or share what happened in a Claude Code, Codex, OpenClaw, or Pi session, this converts those JSONL transcript files into a single, self-contained HTML file you can open in any browser. It's searchable, so you can grep through tool calls and responses without dropping back to the command line. The skill knows where these agents typically stash their session files and can work with the agent-transcript skill to find the right one. Ships with three modes: normalized view, raw JSONL embed, or a blank picker you can reuse. It's TypeScript that runs directly in Node, follows erasable typing rules, and the importer logic is split cleanly by agent type. Honestly just a solid quality-of-life tool if you're debugging sessions or handing off context to someone else.
- skills.sh installs
- 806
- GitHub stars
- 1.1K
- last updated
- Jun 11, 2026
Install
$ npx -y skills add openclaw/agent-skills --skill session-viewer --agent claude-codeInstalls into .claude/skills of the current project.
Files
Session Viewer
Use when asked to view, export, inspect, or share a Codex, Claude Code, OpenClaw, or Pi session transcript in a browser.
Commands
Resolve SESSION_VIEWER_SKILL_DIR to the directory containing this SKILL.md.
Use that installed source for commands, independent of the current repository.
When the session path is not known and the agent-transcript skill is available, use it first to find the likely JSONL session:
Resolve TRANSCRIPT_SKILL_DIR from that skill's actual installation before running:
"$TRANSCRIPT_SKILL_DIR/scripts/agent-transcript" find \
--query "$USER_GOAL_OR_TITLE $BRANCH_OR_URL" \
--cwd "$PWD" \
--since-days 14
Pick the highest-confidence file result, then render it with session-viewer.
Render with the resolved installation:
node "$SESSION_VIEWER_SKILL_DIR/scripts/session-viewer.ts" <session.jsonl> --out /tmp/session.html --open
Useful modes:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/openclaw/agent-skills
- Categories
- Frontend Development, AI & Agent Building
- License
- MIT
- First seen
- Jun 11, 2026
More from openclaw/agent-skills
All 5Recommended
More Frontend Development
mastering-typescriptspillwavesolutions/mastering-typescript-skillMaster enterprise-grade TypeScript development with type-safe patterns, modern tooling, and framework integration. This skill provides comprehensive guidance fo805skills.sh installs
docyrus-cli-appdocyrus/agent-skillsUse the Docyrus CLI (`docyrus`) to interact with the Docyrus platform from the terminal. Use when the user asks to authenticate, list apps, query or manage data799skills.sh installs
authjs-skillsgocallum/nextjs16-agent-skillsAuth.js v5 setup for Next.js authentication including Google OAuth, credentials provider, environment configuration, and core API integration797skills.sh installs
bomaklofas/kicad-happyBOM (Bill of Materials) management for electronics projects — the workflow skill that coordinates DigiKey, Mouser, LCSC, element14, JLCPCB, PCBWay, and KiCad sk795skills.sh installs
build-featuresignerlabs/shipswift-skillsBuild an iOS feature using ShipSwift component recipes. Use when the user says "build", "create", "add a feature", or describes an iOS feature they want to impl784skills.sh installs
appbuilder-action-scaffolderadobe/skillsCreate, implement, deploy, and debug Adobe Runtime actions with consistent layout, validation, and error handling. Use this skill whenever the user needs to add768skills.sh installs