moai-domain-frontend

Umiejętność Claude'a do zaawansowanego front-end developmentu. Obejmuje React 19 z komponentami serwerowymi i funkcjami współbieżnymi, Next.js 16 z App Routerem i Server Actions, Vue 3.5 z Composition API oraz wzorce projektowania systemów komponentów. Wykorzystaj ją do budowania aplikacji webowych, optymalizacji wydajności, implementacji bibliotek komponentów i integracji zarządzania stanem. Zawiera konkretne wzorce dla code splittingu, memoizacji i dostępności.

1. Zainstaluj umiejętność w swoim środowisku Claude Code – skill jest kompatybilny z Claude'em i wykorzystuje narzędzia Read, Grep, Glob oraz dostęp do bibliotek kontekstowych React, Next.js i Vue.

2. Aktywuj skill poprzez słowa kluczowe związane z front-endem: wpisz zapytanie zawierające terminy takie jak "React", "Next.js", "Vue", "komponenty", "UI", "state management" lub "performance", aby Claude automatycznie zaproponował użycie tej umiejętności.

3. Wybierz moduł odpowiadający Twojemu frameworkowi – załaduj konkretne wzorce z modules/react19-patterns.md dla React 19, modules/nextjs16-patterns.md dla Next.js 16 lub moduły Vue 3.5 dla projektu opartego na Vue.

4. Opisz swoje zadanie: czy budujesz nową aplikację webową, optymalizujesz wydajność istniejącego kodu, tworzysz bibliotekę komponentów czy implementujesz system zarządzania stanem – skill dostarcza konkretne wzorce i best practices dla Twojego scenariusza.

5. Zastosuj rekomendowane wzorce architektoniczne – skill oferuje guidance dotyczący komponentów serwerowych, Server Actions, Composition API, code splittingu, memoizacji i dostępności w zależności od wybranego frameworka.

6. Iteruj nad kodem – Claude wykorzystując tę umiejętność może analizować Twój kod, sugerować optymalizacje wydajności i pomagać w refaktoryzacji komponentów zgodnie z nowoczesnymi standardami.