anthropic-frontend-design
Twórz nowoczesne interfejsy webowe z wyrazistym designem, bez generycznych szablonów AI
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do tworzenia produkcyjnych interfejsów frontendowych o wysokiej jakości estetycznej. Użyj jej, gdy chcesz budować komponenty React, strony internetowe, dashboardy, landing page'i lub dowolne layouty HTML/CSS. Generuje kreatywny, dopracowany kod z wyraźnym kierunkiem wizualnym — unikając generycznych wzorów AI.
Jak używać
Zainstaluj umiejętność w swoim środowisku Claude/Copilot, wskazując repozytorium chaibuilder/sdk z gałęzi dev, katalog .windsurf/skills/anthropic-frontend-design.
Opisz interfejs, który chcesz zbudować — podaj konkretne wymagania (komponent React, strona, dashboard, plakat) oraz kontekst: do czego służy, kto go będzie używać, jakie są ograniczenia techniczne.
Zanim umiejętność przystąpi do kodowania, pozwól jej zdefiniować wyraźny kierunek estetyczny. Może to być minimalizm, maksymalizm, retro-futuryzm, luksus, brutalizm, art deco lub inny styl — ważne, że będzie celowy i spójny.
Umiejętność wygeneruje działający kod (HTML/CSS/JavaScript, React, Vue lub inny framework) wraz z szczegółowymi decyzjami projektowymi. Kod będzie produkcyjny, wizualnie uderzający i dopracowany w każdym szczególe.
Przejrzyj wygenerowany kod i design — sprawdź, czy estetyka odpowiada Twojemu zamierzeniu i czy interfejs rozwiązuje postawiony problem. Jeśli chcesz zmienić kierunek wizualny, wyjaśnij, co dokładnie chcesz zmienić, a umiejętność dostosuje projekt.