landing-page-guide-v2
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.
How to use
Zainstaluj skill w swoim środowisku Claude, dodając go do konfiguracji umiejętności agenta.
Przed rozpoczęciem kodowania zdefiniuj kontekst projektu: określ cel landing page'a, osobowość marki, branżę i to, co wyróżnia Twoją markę. Pomyśl o jednym kluczowym elemencie, który ma zostać w pamięci odwiedzających.
Wybierz odważny kierunek estetyczny, który pasuje do Twojej marki – czy to minimalistyczny, techniczny, luksusowy czy eksperymentalny. Unikaj generycznych szablonów.
Użyj skilla, gdy prosisz Claude'a o stworzenie landing page'a, strony marketingowej lub produktowej. Skill automatycznie zastosuje framework 11 niezbędnych elementów konwersji z DESIGNNAS.
Otrzymasz kod gotowy do produkcji w Next.js 14+ z TypeScript i optymalizacją wydajności. Kod będzie zawierać komponenty ShadCN UI, które możesz natychmiast wdrożyć.
Dostosuj wygenerowany kod do swoich potrzeb, pamiętając o równowadze między konwersją a wizualnym wyróżnieniem się na tle konkurencji.