F
frontend-mobile-development-component-scaffold
You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s
How to use
- 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.