typescript-skills

Umiejętność zawierająca najlepsze praktyki TypeScript dla aplikacji frontendowych LlamaFarm. Obejmuje wzorce dla React 18 z TanStack Query, TailwindCSS i Radix UI, a także dla Electron 28 z electron-vite. Narzędzie wymusza ścisły tryb TypeScript, zakazuje użycia any bez uzasadnienia, preferuje interfejsy dla kształtów obiektów i wymaga jawnych typów zwracanych dla funkcji publicznych. Zawiera wytyczne dotyczące immutabilności, bezpieczeństwa null i zapobiegania XSS.

1. Zainstaluj umiejętność w swoim projekcie LlamaFarm, dodając repozytorium llama-farm do dostępnych zasobów Claude. Umiejętność jest dostępna jako część konfiguracji .claude/skills.

2. Przejrzyj dokumentację zawartą w umiejętności: patterns.md dla idiomatycznych wzorców TypeScript, typing.md dla ścisłej typizacji i typów generycznych, testing.md dla testów Vitest oraz security.md dla zapobiegania XSS i walidacji danych wejściowych.

3. Zastosuj konfigurację ścisłego TypeScript w swoim projekcie, ustawiając w tsconfig.json opcje: strict: true, noUnusedLocals: true, noUnusedParameters: true, noFallthroughCasesInSwitch: true.

4. Przy pisaniu komponentów React postępuj według wzorca: definiuj Props jako interface z readonly polami, eksportuj komponenty jako funkcje ze zdeklarowanym typem zwracanym JSX.Element, unikaj non-null assertions i obsługuj null/undefined jawnie.

5. W przypadku hooków TanStack Query używaj kluczy zapytań zdefiniowanych w osobnym module, aby zapewnić spójność cache'owania i łatwe zarządzanie stanem asynchronicznym.

6. Nigdy nie używaj any bez wyraźnego komentarza uzasadniającego — preferuj unknown z type guardsami lub szerokie typy generyczne, aby utrzymać bezpieczeństwo typów w całej aplikacji.