tool-renderer

Tool Renderer to umiejętność dla Claude Code, która ułatwia implementację specjalistycznego renderowania dla nowych typów narzędzi (WebSearch, WebFetch i inne) w przeglądarce transkryptów. Skill zawiera kompletny przepis na dodanie obsługi wizualizacji: od zdefiniowania modeli danych wejściowych i wyjściowych, przez parsowanie surowego JSON-a do typowanych obiektów, aż po generowanie HTML-a. Pracujesz z rzeczywistymi danymi testowymi, aby zrozumieć strukturę narzędzia, a następnie tworzysz komponenty renderujące krok po kroku.

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.