create-frontend-ui
Twórz interfejsy webowe z charakterem, bez generycznego AI-designu
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do budowania interfejsów frontendowych, które wyróżniają się na tle typowych rozwiązań AI. Zamiast polegać na szablonowych estetykach, prowadzi Cię przez proces projektowania z myślą o celu, tonie i niepowtarzalności. Pracuje z komponentami shadcn UI, wspiera React, HTML/CSS i dashboardy. Idealne do tworzenia stron, komponentów i layoutów, które faktycznie wyglądają jak zaplanowane.
Jak używać
Zainstaluj skill create-frontend-ui w swoim środowisku agenta (np. Claude z obsługą MCP). Upewnij się, że masz dostęp do shadcn UI MCP dla komponentów.
Przed rozpoczęciem kodowania opisz swoje zadanie: jaki problem rozwiązuje interfejs, kto go będzie używać, jakie są ograniczenia techniczne (framework, dostępność, wydajność).
Wybierz wyraźny kierunek estetyczny — może to być minimalizm, maksymalizm, retro-futurystyka, styl organiczny, luksusowy, brutalistyczny, art deco lub inny spójny koncept. Skill poprowadzi Cię przez analizę tego kierunku.
Zdefiniuj jedną rzecz, którą użytkownik zapamiętać — element, który wyróżni interfejs. To może być typografia, kolorystyka, animacja lub układ, ale musi być celowy i konsekwentny.
Skill generuje kod HTML/CSS, React lub komponenty shadcn UI z uwzględnieniem wybranego kierunku designu. Unika generycznych rozwiązań (domyślne fonty, szare palety, bezcharakterowe kolory).
Przejrzyj wygenerowany kod — skill kładzie nacisk na precyzję wykonania i detale estetyczne, więc możesz go używać bezpośrednio w produkcji lub jako punkt wyjścia do dalszych modyfikacji.