designer-skills

Zestaw umiejętności projektanta dla LlamaFarm — gotowe wzorce i listy kontrolne do budowania interfejsów aplikacji AI. Obejmuje konfigurację React 18 ze ścisłym typowaniem TypeScript, zarządzanie stanem serwera za pomocą TanStack Query v5, stylowanie utility-first z TailwindCSS oraz dostępne komponenty z Radix UI. Zawiera strukturę katalogów, wytyczne dla API, hooków, kontekstów i testów. Idealne dla zespołów rozwijających podsystem Designer — przeglądarkowe stanowisko pracy do edycji konfiguracji, testowania czatu, zarządzania zbiorami danych i konfiguracji RAG.

1. Zainstaluj umiejętność Designer Skills w swoim projekcie LlamaFarm, upewniając się, że masz dostęp do repozytorium llama-farm i ścieżki .claude/skills/designer-skills. 2. Przejrzyj wymagane umiejętności wspólne — zapoznaj się z TypeScript Skills i React Skills, aby zapewnić zgodność ze ścisłym typowaniem i wzorcami komponentów. 3. Zapoznaj się ze strukturą katalogów projektu Designer (api/, components/, hooks/, contexts/, lib/, types/, utils/, test/) i upewnij się, że Twoja baza kodu podąża za tą organizacją. 4. Zastosuj wzorce framework-specificzne z przewodników — przeczytaj dokumenty dotyczące TanStack Query, TailwindCSS, Radix UI i React Router, aby zrozumieć konwencje dla state management, stylowania i routingu. 5. Skonfiguruj stos techniczny zgodnie z wersjonowaniem: React 18.2, TypeScript 5.2+, TanStack Query v5, TailwindCSS 3.3, Radix UI 1.x, Vite 6.x i Vitest 1.x. 6. Używaj dostępnych narzędzi (Read, Grep, Glob) do przeglądania i analizy istniejących komponentów, hooków i usług API, aby utrzymać spójność wzorców w nowych funkcjach.