Перейти к содержимому

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