D
designer-skills
Designer subsystem patterns for LlamaFarm. Covers React 18, TanStack Query, TailwindCSS, and Radix UI.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Designer subsystem patterns for LlamaFarm. Covers React 18, TanStack Query, TailwindCSS, and Radix UI.
How to use
- 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.