prezentacja-it.html w przeglądarce (pełny ekran: Cmd+Shift+F)[Wejdź na salę, uśmiechnij się, poczekaj aż ludzie usiądą]
[Poczekaj, policz ręce, zapamiętaj ile]
[Poczekaj na animacje count-up - liczby się nakręcą automatycznie]
[Kluczowy slajd - daj mu chwilę]
[Slajd z dużym 88% - robi wrażenie]
[Tu jest makieta terminala - pokaż palcem na ekranie]
[Poczekaj na potwierdzenie]
[Daj chwilę na przeczytanie, ludzie będą się śmiać]
[Pauza na śmiech]
[Przełącz się na terminal z Claude Code. Full screen.]
cd ~/warsztaty-hurtopony/dzien-1Zbuduj landing page dla hurtowni opon Hurtopony.pl (HURT OPONY - hurtownia opon, nie kucyki). Jasne tlo, czytelny design jak prawdziwy sklep internetowy. Kolory firmowe: czerwony (#D93731) na przyciski i akcenty, ciemny tekst (#292B2C), biale tlo, jasnoszare sekcje (#F7F7F7). NIE uzywaj typowego AI designu (ciemne tlo, teal, purple, neonowe gradienty). Sekcje: hero z haslem "Twoj partner w swiecie opon", o firmie (hurtownia opon ze Slaska, 15 lat doswiadczenia, 50+ marek), katalog opon (6 kart z oponami: Michelin, Continental, Bridgestone, Goodyear, Nokian, Hankook - z cenami od 340 do 780 zl), dlaczego my (szybka dostawa, najlepsze ceny, 15 lat doswiadczenia), formularz kontaktowy, stopka. Responsywny, animacje przy scrollu. NIE uzywaj emoji jako grafik/ikon - zamiast tego uzyj SVG ikon lub ikon CSS. Jeden plik HTML ze wszystkim w srodku (CSS i JS inline).
open index.html
[Pokaż stronę na projektorze, przescrolluj całą]
Dodaj efekt parallax na tle sekcji hero. Zmien formularz kontaktowy - dodaj pole "Marka opony" jako dropdown z opcjami. Dodaj animacje kart opon - niech sie lekko unoszą na hover.
[Poczekaj na odpowiedzi. Typowe: mapa, opinie klientów, slider, dark mode toggle, licznik]
Dodaj sekcje z opiniami klientow - 3 karty z cytatami od fikcyjnych firm ze Slaska. Dodaj animowany licznik: "15 lat doswiadczenia", "50+ marek", "10000+ zadowolonych klientow".
[opis co jest nie tak]. Popraw to.
cd ~/warsztaty-hurtopony/dzien-1
Zbuduj gre przegladarkowa w jednym pliku HTML. Motyw: opona (emoji 🛞) toczy sie po drodze z 4 pasami ruchu. Sterowanie strzalkami gora/dol zmienia pas. Przeszkody (🚧, 🔺, ⚠️, 🛑) nadlatuja z prawej strony na konkretnych pasach. Punkty za kazdą sekunde przetrwania. Poziom trudnosci rosnie (przeszkody szybciej i czesciej). Gra konczy sie po zderzeniu. Ekran startowy "Tire Runner - Hurtopony Edition" z przyciskiem Start. Ekran Game Over z wynikiem i "Sprobuj ponownie". Canvas, plynne 60fps, ciemne tlo z czerwonymi akcentami (#D93731). NIE uzywaj teal ani fioletowych kolorow.
open index.html
[Zagraj chwilę na projektorze - niech sala widzi grę w akcji]
[Jeśli ktoś podniesie rękę - daj mu zagrać. To buduje zaangażowanie.]
[Poczekaj na odpowiedzi. Typowe: dźwięki, power-upy, ranking, różne przeszkody, drugie życie]
Dodaj do gry: 1) Dzwiek przy kolizji (uzyj Web Audio API, proste beep). 2) Power-up: zlota opona 🏆 ktora daje niezniszczalnosc na 3 sekundy (opona miga). 3) Ranking top 5 wynikow zapisywany w localStorage. 4) Tlo - animowane paski drogi przesuwajace sie w lewo.
Dodaj logo "HURTOPONY.PL" w prawym gornym rogu ekranu gry. Po Game Over pokaz napis: "Spodobalo Ci sie? Odwiedz hurtopony.pl!". Upewnij sie ze kolorystyka uzywa czerwonego (#D93731) i ciemnego tla - bez teal/fioletu.
Zbuduj prosta strone HTML o [temat]. Nowoczesny design, responsywna. Dodaj [cos co Was interesuje].
Napisz skrypt w [Python/JS/PHP/czymkolwiek] ktory [robi cos przydatnego]. Dodaj komentarze po polsku.
Zbuduj gre [Snake/Tetris/Pong] w jednym pliku HTML z Canvas. Sterowanie strzalkami, punktacja, ekran Game Over.
[Poczekaj na odpowiedzi. Powtórz każdą głośno dla całej sali.]
[Tu będą konkretne pomysły - notuj je, przyda się na jutro]
[Jeśli ktoś chce - niech pokaże. Nawet niedokończone. Pochwal.]
cd ~/warsztaty-hurtopony/dzien-2demo-legacy-code.js, demo-explain-code.py, demo-generate-tests.js[Poczekaj na odpowiedzi. Jeśli ktoś coś zrobił - pochwal, niech opowie 1-2 minuty.]
demo-legacy-code.js w Claude Code[Scrolluj powoli przez plik]
[Ktoś powie SQL injection - jeśli nie, nie tłumacz sam - zaraz AI wytłumaczy. Powiedz:]
Przeanalizuj plik demo-legacy-code.js. Znajdz WSZYSTKIE problemy: bledy bezpieczenstwa, bugi logiczne, problemy z jakoscia kodu. Dla kazdego problemu: opisz co jest zle, dlaczego to jest niebezpieczne, i jaka jest poprawka. Potem pokaz zrefaktorowany kod.
[Czytaj z ekranu. Typowe rzeczy które AI znajdzie: hasło w kodzie, problemy z bezpieczeństwem, stary styl pisania, brak obsługi błędów. Komentuj prostym językiem.]
Teraz zrefaktoruj caly plik. Uzyj nowoczesnego JS (const/let, async/await, prepared statements, konfiguracja z env), dodaj error handling, wydziel stale. Pokaz caly poprawiony kod.
[Czytaj z ekranu. Wskaż 2-3 konkretne zmiany które widzisz: np. "patrzcie - hasło już nie jest w kodzie", "te dziwne liczby teraz mają nazwy", "cała struktura jest czytelniejsza"]
[Chwila na odpowiedzi]
Napisz CHANGELOG opisujacy co zmieniles w tym refactoringu. Wersja dla zespolu - po polsku, zwiezle, z priorytetami.
demo-explain-code.py w Claude Code.
[Wyświetl kod na projektorze. Scrolluj powoli. Nikt nie będzie wiedział.]
[Ktoś może powiedzieć "pytam AI" - jeśli tak, to świetnie. Jeśli nie:]
Wyjasni krok po kroku co robi funkcja optimize_delivery_slots w pliku demo-explain-code.py. Opisz: 1) Jaki problem rozwiazuje, 2) Co robia operacje bitowe i dlaczego, 3) Jak dziala algorytm scoringu, 4) Jak przydzielane sa sloty dostawcze, 5) Jakie sa edge cases. Pisz po polsku, jasno i konkretnie.
[Czytaj z ekranu głos. Po każdym akapicie dodaj krótki komentarz:]
Dodaj docstringi i komentarze do tego kodu. Kazda sekcja powinna miec jasny komentarz po polsku wyjasniajacy co robi i dlaczego.
demo-generate-tests.js w Claude Code.
[Ktoś powie "brak testów"]
[Nikt nie podniesie ręki - to oczekiwana reakcja]
Napisz pelne unit testy dla modulu demo-generate-tests.js. Uzyj Jest. Pokryj: happy path, edge cases (null, undefined, wartosci negatywne, graniczne), bledy walidacji, rozne typy klientow, sezonowe ceny, weekendy w dostawie, rozne priorytety. Kazda funkcje przetestuj osobno. Nazwy testow po angielsku, komentarze po polsku.
[Przeczytaj z ekranu 2-3 nazwy testów - będą mówiły same za siebie, np. "test co się dzieje kiedy ktoś zamówi ujemną ilość" albo "test czy dostawa omija weekendy"]
Zainstaluj jest i uruchom te testy.
npm init -y && npm install --save-dev jest potem npx jest
[X] testow failuje. Przeanalizuj dlaczego i popraw - czy to blad w testach czy w kodzie produkcyjnym?
Zbuduj narzedzie w [Python/JS/inne] ktore [robi cos]. Wymagania: [lista]. Dodaj error handling i komentarze.
Napisz unit testy dla tego modulu. Uzyj [Jest/PyTest/co uzywaja]. Pokryj edge cases.
[Zaproś 3-5 osób. Każda ma 3-5 minut. Podłącz ich laptop do projektora albo niech pokażą na swoim ekranie.]
[Powiedz wolno i z pauzą po każdym punkcie:]
[Jeśli ktoś chce pogadać po - zostań.]
prezentacja-handlowcy.html w przeglądarce (Cmd+Shift+F)[Wejdź, uśmiechnij się]
[Policz ręce]
[Ważne - uspokojenie:]
[Duży slajd z liczbą 88% - robi wrażenie]
[Tu jest makieta arkusza z formułą =AI()]
[Poczekaj aż przeczytają, będą się śmiać]
[Pauza na śmiech]
[Przełącz się z prezentacji na swój Gmail]
[Pokaż na projektorze: gemini.google.com]
Napisz maila do klienta Auto Serwis Kowalski z oferta na opony letnie Michelin Primacy 4+ w rozmiarze 205/55 R16. Cena 520 zl za sztuke, przy zamowieniu 20+ sztuk rabat 5%. Termin dostawy 3 dni robocze. Zaproponuj spotkanie w tym tygodniu zeby omowic szczegoly. Pisz po polsku, ton profesjonalny ale przyjazny.
[Wklej prompt, poczekaj na wynik]
Dostalam takiego maila od klienta:
[WKLEJ MAILA TUTAJ]
Napisz grzeczna odpowiedz. Potwierdz ze zamowienie przyjete, dostawa w piatek. Zapytaj o forme platnosci - przelew czy gotowka przy odbiorze. Dodaj ze w razie pytan sluze pomoca. Pisz po polsku.
[Pokaż wynik, potem skopiuj odpowiedź i wklej do Gmaila jako Reply]
Podsumuj ten watek mailowy w 3 punktach: co ustalono, jakie sa otwarte kwestie, co trzeba zrobic dalej.
[WKLEJ WATEK]
[Powiedz na głos i pokaż na projektorze:]
[Po 15 minutach:]
[Niech 1-2 osoby pokażą. Pochwal.]
arkusze-dane.md do każdego arkusza (Ctrl+C, Ctrl+V)Który handlowiec sprzedal najwiecej w styczniu? A ktory w lutym?
[Poczekaj na odpowiedź]
Jaki jest trend sprzedazy - rosnie czy spada miedzy styczniem a lutym?
Ktora marka opon generuje najwiekszy przychod? Zrob ranking.
=AI("Napisz krotkiego spersonalizowanego SMSa (max 160 znakow) z oferta na opony letnie dla klienta. Uwzglednij nazwe firmy i miasto. Ton: profesjonalny ale przyjazny.", A2:J2)
[Wpisuj WOLNO. Mów na głos co wpisujesz:]
[Przeczytaj SMSa na głos]
[Poczekaj aż wszystkie komórki się wypełnią - każda 5-10 sekund]
=AI("Napisz krotki, chwytliwy temat maila z oferta sezonowa na opony letnie 2026 dla tego klienta. Max 50 znakow.", A2:J2)
Zrob wykres slupkowy sprzedazy wg regionow. Podsumuj wartosc sprzedazy dla kazdego regionu.
Ktore produkty maja stan ponizej minimum? Wypisz je z informacja ile sztuk brakuje.
=AI("Czy ten produkt wymaga pilnego zamowienia? Odpowiedz TAK lub NIE. Jesli TAK - napisz ile sztuk zamowic.", A2:I2)
[Poczekaj aż wszyscy otworzą]
[Ręce w górę - zapamiętaj ile]
Przygotuj mi argumenty handlowe na rozmowe z klientem ktory chce kupic 100 opon Michelin Primacy 4+. Dlaczego ta opona jest lepsza od konkurencji? Jakie mam argumenty cenowe? Jak przekonac klienta do wiekszego zamowienia?
Napisz maila do [klient] z oferta na [opony]. Cena [X] zl, rabat [Y]% przy zamowieniu [Z]+ sztuk. Zaproponuj spotkanie.
=AI("Napisz SMSa z oferta na opony letnie dla tego klienta", A2:J2)
Podsumuj ten watek w 3 punktach
Ktore produkty maja stan ponizej minimum?
Przygotuj argumenty handlowe na rozmowe o [temat]
[Poczekaj na odpowiedzi]
[Notuj odpowiedzi - przyda się do materiałów po warsztacie]
[Zostań jeśli ktoś chce pogadać. Ludzie z działu handlowego często mają bardziej osobiste pytania po warsztacie.]
arkusze-dane.md do Google Sheets (3 arkusze)