Toolverse
Wszystkie skille

app-specific-patterns

autor: growilabs

Wzorce kodowania dla Next.js, Jotai i SWR w aplikacji GROWI — automatycznie aktywowane w kontekście projektu.

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Testowanie
Wyświetlenia
2

O skillu

Skill Claude'a zawierający standardowe wzorce i konwencje kodowania dla głównej aplikacji GROWI (apps/app). Obejmuje strukturę katalogów i implementację dla Next.js Pages Router, zarządzania stanem za pomocą Jotai oraz pobierania danych przez SWR. Automatycznie się aktywuje podczas pracy w katalogu apps/app, pomagając utrzymać spójność kodu i ułatwiając onboarding nowych członków zespołu. Zawiera też referencje do globalnych umiejętności testowania.

Jak używać

  1. Upewnij się, że pracujesz w katalogu apps/app projektu GROWI — skill aktywuje się automatycznie w tym kontekście bez konieczności ręcznego wywoływania. 2. Podczas tworzenia nowych stron w Next.js Pages Router stosuj sufiks .page.tsx dla wszystkich plików (np. pages/admin/index.page.tsx) i implementuj getLayout pattern do zarządzania layoutami. 3. Organizuj stan aplikacji zgodnie z konwencją katalogów: umieszczaj stan UI w src/states/ui/, stan modali w src/states/ui/modal/ (jeden plik na modal), dane stron w src/states/page/, a stan specyficzny dla funkcji w features/{nazwa}/client/states/. 4. Przy definiowaniu atomów Jotai rozróżniaj atomy bazowe od pochodnych — atomy pochodne (read-only) obliczają wartości na podstawie innych atomów za pomocą funkcji get(). 5. Do pobierania danych używaj hooków SWR zorganizowanych w src/stores-universal/ (np. pages.ts dla danych stron, users.ts dla użytkowników). 6. W razie pytań dotyczących testów zapoznaj się z globalnymi umiejętnościami essential-test-patterns i essential-test-design dostępnymi w .claude/skills/learned/.

Podobne skille