Toolverse
All skills

tool-renderer

by daaain

Implement specialized rendering for Claude Code tools. Use when adding a new tool type (WebSearch, WebFetch, etc.) to the transcript viewer, or when asked to implement tool rendering.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
daaain
Category
Testing
Views
2

About this skill

Implement specialized rendering for Claude Code tools. Use when adding a new tool type (WebSearch, WebFetch, etc.) to the transcript viewer, or when asked to implement tool rendering.

How to use

  1. Zainstaluj skill w swoim projekcie Claude Code, umieszczając katalog tool-renderer w ścieżce .claude/skills/. 2. Zanim zaczniesz implementować, zbadaj istniejące dane testowe narzędzia — użyj poleceń grep lub ripgrep, aby znaleźć pliki zawierające strukturę JSON narzędzia (szukaj pola "name" z nazwą narzędzia w test/test_data/). 3. Zidentyfikuj kluczowe pola: parametry wejściowe w tool_use.input, strukturę toolUseResult (preferuj ją zamiast tool_result.content, ponieważ zawiera bogatsze dane) oraz format surowego tekstu w tool_result.content. 4. Zdefiniuj modele Pydantic dla wejścia narzędzia w models.py oraz dataclass dla wyjścia w tym samym pliku — modele wyjścia są dataclass-ami, a nie Pydantic, ponieważ są tworzone przez parsery, nie z JSON-a. 5. Utwórz funkcje parsujące w factories/tool_factory.py, które konwertują surowy JSON na typowane obiekty, oraz funkcje formatujące HTML w html/tool_formatters.py. 6. Zintegruj nowe komponenty z istniejącymi rendererami HTML i Markdown, aby narzędzie wyświetlało się poprawnie w przeglądarce transkryptów.

Related skills