Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność Claude'a do pisania przykładów dla aplikacji SDK tldraw. Używaj jej podczas tworzenia nowych demonstracji, dodawania przykładów kodu do folderu apps/examples lub pokazywania możliwości biblioteki. Skill automatyzuje strukturę folderów, metadane README i nazewnictwo plików zgodnie z wytycznymi projektu tldraw, oszczędzając czas przy standaryzacji przykładów.
Jak używać
Zainstaluj skill write-example w swoim środowisku Claude'a, wskazując repozytorium tldraw z folderu .claude/skills/write-example.
Przygotuj opis przykładu, który chcesz utworzyć: określ nazwę (kebab-case, np. custom-canvas), kategorię (np. editor-api, ui, collaboration), słowa kluczowe i główny cel demonstracji.
Poproś Claude'a o wygenerowanie struktury przykładu, podając: tytuł, nazwę folderu, plik komponentu (PascalCase + Example), kategorię z listy (getting-started, configuration, editor-api, ui, layout, events, shapes/tools, collaboration, data/assets, use-cases) i priorytet wyświetlania.
Claude wygeneruje plik README.md z wymaganym frontem (title, component, category, priority, keywords) oraz jednolinijkowe podsumowanie i szczegółowe wyjaśnienie przykładu.
Utwórz plik komponentu (np. MyExampleExample.tsx) w folderze apps/examples/src/examples/my-example/ oraz opcjonalnie plik stylów (my-example.css).
Zweryfikuj, że struktura folderu jest poprawna, metadane README są kompletne, a kod przykładu jest minimalny i pokazuje konkretny przypadek użycia SDK tldraw.