Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
How to use
Zainstaluj skill Reka UI w swoim projekcie Nuxt. Skill zawiera referencje do komponentów i wzorców dostępności potrzebnych przy pracy z tą biblioteką.
Załaduj plik references/components.md, aby przeglądać dostępne komponenty pogrupowane po kategoriach (Form, Date, Overlay, Menu, Data). Wybierz komponent, który pasuje do Twojego przypadku użycia – na przykład dialog, select, input czy menu.
Otwórz szczegółową dokumentację wybranego komponentu (np. dialog.md, select.md) z folderu components/. Tam znajdziesz API komponentu, dostępne propsy oraz przykłady użycia.
Zapoznaj się z kluczowymi koncepcjami Reka UI stosownymi do Twojego zadania: composition pattern (asChild), controlled vs uncontrolled state, wirtualizacja dla dużych list, czy integracja ze stylami. Odwiedź reka-ui.com, aby przeczytać pełne przewodniki.
Jeśli budujesz komponenty w Nuxt UI lub shadcn-vue (które bazują na Reka UI), użyj tego skilla do zrozumienia bazowych wzorców. Dla gotowych, stylizowanych komponentów Nuxt przełącz się na skill nuxt-ui.
Implementuj komponenty w swoim projekcie, pamiętając o WAI-ARIA compliance i dostępności. Testuj z czytnikami ekranu i klawiaturą.