tool-renderer

Tool rendering creates a unified presentation framework for Claude Code tool interactions in transcripts. This Skill provides modular formatters for HTML and Markdown that parse structured tool results and display them cleanly across different tool types, ensuring consistent readability and output formatting throughout your transcript sessions.

Adding a new tool requires defining input and output data models, implementing a structured parser that extracts toolUseResult data, creating HTML and Markdown formatters for that tool, and writing tests to verify rendering behavior. The pluggable renderer architecture lets you integrate the new tool without modifying existing formatters or breaking current functionality.

Yes. The rendering framework separates input/output modeling, parsing logic, and format-specific rendering. You define dedicated formatters for each tool type targeting HTML or Markdown independently, allowing tool-specific display customization while maintaining a consistent pipeline across all tools in your transcript viewer.

Structured rendering transforms raw tool responses into readable, consistent outputs tailored to each format. It provides a testable pipeline that guards against regressions, simplifies adding new tools, and ensures transcripts remain clean and interpretable regardless of tool complexity or output variability.

Tests are included as part of the extensible framework and are strongly recommended. They prevent regressions when updating formatters, verify that HTML and Markdown output render correctly for each tool, and document expected behavior, making maintenance and future tool additions safer and more confident.