frontend-design-pro

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.

1. Zainstaluj skill frontend-design-pro w swoim środowisku Claude/Codex/Copilot, wskazując repozytorium claudekit z GitHub.

2. Opisz swoją wizję projektu: określ typ interfejsu (strona główna, dashboard, landing page), branżę lub cel biznesowy oraz preferowaną estetykę spośród dostępnych stylów (minimalizm, neumorfizm, glassmorphism, brutalizm, cyberpunk, retro, nowoczesny minimalizm lub inny).

3. Skill przeanalizuje Twoje wymagania i zaproponuje konkretny kierunek wizualny z paletą kolorów, efektami i szczegółami charakterystycznymi dla wybranego stylu.

4. Skill wygeneruje pełny kod HTML/CSS/JavaScript interfejsu gotowy do produkcji, z uwzględnieniem hierarchii wizualnej, animacji i interakcji na poziomie agencyjnym.

5. Dla każdego elementu wizualnego (hero image, tło, ilustracje) skill dostarczy albo bezpośrednie linki do autentycznych zdjęć z Unsplash lub Pexels, albo szczegółowy prompt do narzędzia generującego obrazy — zawsze bez fałszywych URL-i i sztuczności.

6. Skopiuj wygenerowany kod do swojego projektu i dostosuj tekst, dane lub kolory zgodnie z potrzebami — interfejs jest w pełni funkcjonalny i gotów do wdrożenia.