moai-domain-frontend

Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.

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.