frontend-mobile-development-component-scaffold

Umiejętność do szybkiego generowania gotowych do produkcji komponentów React i React Native. Tworzy pełne implementacje z TypeScript, testami jednostkowymi, stylami oraz dokumentacją, zgodnie z najlepszymi praktykami. Obsługuje różne style stylizacji (CSS Modules, styled-components, Tailwind) i platformy (web, native, uniwersalne). Idealna dla zespołów chcących utrzymać spójną architekturę i wysoką jakość kodu.

1. Zainstaluj umiejętność w swoim środowisku Claude lub Copilota, dodając ją do dostępnych skills dla agenta. 2. Opisz komponent, który chcesz wygenerować — podaj jego nazwę, typ (functional, page, layout, form lub data-display), wymagane propsy i ich typy, preferowany styl stylizacji (CSS Modules, styled-components lub Tailwind) oraz platformę docelową (web, React Native lub uniwersalny). 3. Umiejętność przeanalizuje Twoje wymagania i wygeneruje pełną strukturę komponentu, w tym interfejsy TypeScript dla propów, stan komponentu (jeśli potrzebny), hookami React oraz dokumentacją. 4. Otrzymasz kod komponentu z wbudowanymi testami jednostkowymi, stylami zgodnie z wybraną metodą oraz dostępnością (a11y) już uwzględnioną w implementacji. 5. Użyj wygenerowanego kodu bezpośrednio w swoim projekcie — wszystkie pliki są gotowe do produkcji i zgodne z nowoczesnym stackiem React.