Twoje strony są słabe? Zastosuj te 5 kroków w Claude Code
Krzysztof Bohaczyk
0:00 / 0:00
Twoje strony są słabe? Zastosuj te 5 kroków w Claude Code
311 просмотров · 6 ч назад
Krzysztof Bohaczyk
4,15 тыс. подписчиков
311 просмотров · 6 ч назад
Strony z AI wyglądają tak samo. Pokazuję, jak zrobić stronę internetową z Claude Code bez AI slopu krok po kroku.
👉 Wdróż stronę na Hostingerze (kod KRIS -10%): https://hostinger.com/krishost
👉 Darmowa lista kontrolna i prompty z odcinka: https://link.detechtive.pl/checklista
Materiał powstał we współpracy z firmą Hostinger.
Kiedy nie podejmiesz decyzji o wyglądzie strony przed pierwszym promptem, model weźmie średnią z internetu: te same kolory, ten sam krój w nagłówku, te same karty. Pokazuję proces, którym robię każdą stronę z jednym celem, od pomysłu do strony pod prawdziwym adresem.
W filmie:
↳ Test: to samo zadanie w 3 osobnych sesjach Claude Code
↳ Brief, moodboard i plik marki brand.md dla agenta
↳ Fonty, kolory, ikony i grafiki pod twoją markę
↳ Skille do budowy stron internetowych i Plan Mode w Claude Code
↳ Publikacja na hostingu i wdrożenie przez Hostinger Connector
📰 Newsletter: https://detechtive.pl
🥷 Społeczność AI Ninjas: https://spolecznosc.aininjas.pl
🤝 Współpraca: kontakt@detechtive.pl
Spis treści:
00:00 Strony z AI wyglądają tak samo
01:45 Test: 3 sesje Claude Code
02:46 Krok 1: brief strony i grill-me
03:32 Krok 2: inspiracje i moodboard
05:07 Krok 3: fonty do strony
06:26 Kolory strony: tło, tekst, akcent
07:23 Minimalizm, ikony Lucide i grafiki
08:56 Plik brand.md i DESIGN.md
10:38 Krok 4: landing page, który konwertuje
11:28 Skille Claude Code do budowy strony
13:04 Zacznij od planu
14:23 Krok 5: publikacja strony w internecie
18:26 Lista kontrolna, analityka, podsumowanie
🔗 Linki z odcinka:
Darmowa lista kontrolna i prompty z odcinka: https://link.detechtive.pl/checklista
Google Fonts: https://fonts.google.com
Coolors, generator palet kolorów: https://coolors.co
Ikony Lucide: https://lucide.dev
Specyfikacja DESIGN.md: https://github.com/google-labs-code/d...
Gotowe pliki DESIGN.md znanych marek: https://getdesign.md
Przewodnik po landing page (Julian Shapiro): https://www.julian.com/guide/startup/...
Skill grill-me: https://github.com/mattpocock/skills
Skill frontend-design (Anthropic): https://github.com/anthropics/skills/...
Skille CRO i copywriting: https://github.com/coreyhaines31/mark...
Skill Miodkuj: https://github.com/bartekpucek/miodkuj
Astro: https://docs.astro.build/en/concepts/...
#claudecode #stronainternetowa #sztucznainteligencja