frontend-enhancer
Komponenty i szablony do budowania nowoczesnych interfejsów w Next.js
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do ulepszania wyglądu aplikacji Next.js. Otrzymujesz gotowe komponenty React (przyciski, karty, pola wejścia), palety kolorów, animacje i szablony layoutów responsywnych. Użyj go, aby poprawiać styling, tworzyć spójne wzory projektowe, dodawać przejścia wizualne i budować interfejsy dostosowane do różnych rozmiarów ekranu. Wszystko z wbudowaną obsługą dostępności.
Jak używać
Zainstaluj skill frontend-enhancer w swoim projekcie Claude lub Copilot, dodając go do listy dostępnych umiejętności agenta.
Gdy pracujesz nad Next.js, wyzwól skill, gdy chcesz ulepszyć wygląd interfejsu — na przykład podczas tworzenia nowych komponentów, wyboru kolorów lub dodawania animacji.
Poproś o konkretny komponent z biblioteki: przyciski w wariantach (primary, secondary, outline, ghost, danger), karty z podkomponentami (CardHeader, CardTitle, CardContent, CardFooter) lub pola wejścia z walidacją. Skill dostarczy kod TypeScript gotowy do użycia.
Użyj szablonów layoutów i sekcji (hero, feature grid, landing page) jako podstawy responsywnych stron. Skill zasugeruje strukturę HTML i klasy Tailwind CSS dostosowane do różnych rozmiarów ekranu.
Wybierz paletę kolorów z kuratowanych zestawów lub poproś o dostosowanie istniejącej. Skill zwróci zmienne CSS i konfigurację Tailwind do spójnego stosowania w całej aplikacji.
Dodaj animacje i przejścia, wskazując, gdzie chcesz efekty (hover, scroll, load). Skill dostarczy gotowe klasy CSS lub komponenty React z animacjami.