🎮 Gry dla dzieci: jak bardzo zmieniło się programowanie z AI w 3 lata

⚡ TL;DR

• Strona z grami tworzona w 2023 z Chat GPT: gry-old.patres.dev
• Strona z grami tworzona w 2026 z GPT-5.3 Codex - 4 proste prompty: gry-codex.patres.dev
• Strona z grami tworzona w 2026 z Claude Opus 4.6 - 4 proste prompty: gry-claude.patres.dev
• Strona z grami tworzona w 2026 z Claude Opus 4.6 - około 20 promptów: gry.patres.dev

⏪ 2023: pierwsza wersja aplikacji

🧩 Powrót do przeszłości

Moja przygoda z AI w kodzie zaczęła się od prostego celu: zrobić stronę z grami dla dzieci. Chodziło o najprostszą możliwą rzecz: obrazek + litera, a dziecko wciska odpowiedni klawisz.

Brzmi banalnie, ale nie mogłem znaleźć nic sensownego w sieci. To, co było dostępne, miało zwykle ciężki interfejs i masę reklam.

W tamtym czasie moja praca z AI wyglądała tak:

• kopiowanie kawałków kodu do ChatGPT,
• ręczne poprawianie błędów,
• składanie aplikacji funkcja po funkcji.

Jako ktoś, kto nie siedzi mocno we frontendzie, i tak byłem zadowolony z efektu.
Stara wersja nadal działa: gry-old.patres.dev

Wtedy byłem mega zadowolony, że to w ogóle udało się dowieźć.

🚀 Luty 2026: ten sam pomysł, inne tempo

Na początku lutego 2026 sprawdziłem dwa nowe modele:

• Claude Opus 4.6
• GPT-5.3 Codex

Cel był prosty: dać im te same prompty i zobaczyć, co dowiozą.

🧪 Setup testu

Samo przygotowanie i wygenerowanie całej strony zajęło mi mniej niż 20 minut.
Różnica była taka, że nie pracowałem już na poziomie pojedynczych funkcji, tylko na poziomie całych wymagań.

Chciałem zobaczyć, jak modele poradzą sobie na “surowym” wejściu, a nie po dopieszczonym prompt engineeringu.

Prompt 1:

Stwórz szczegółowy plan implementacji strony z grami dla dzieci. Na razie niczego nie implementuj, ale zapisz plik implementation_plan.md. Zadanie opisane jest w init_plan.md.

implementation_plan.md

Stwórz kompletny plan zbudowania strony internetowej z prostymi grami dla dzieci. Ma to być strona dla dzieci w wieku 3-7 lat.

Pamiętaj, że dzieci mogą jeszcze nie czytać, więc dostosuj stronę pod nie. Na stronie głównej ma być coś w stylu menu kafelkowego i po kliknięciu kafelka ma się otwierać nowa gra.
Przykładowe gry:

1. Zgadywanie literek na klawiaturze:
- po lewej stronie ma być obrazek, który zaczyna się na literę (np. balon), a po prawej litera "B". Użytkownik ma za zadanie kliknąć literę B na klawiaturze. Gdy to zrobi, losuje się kolejna litera
- gdy się nie uda, kolor literki podświetli się na czerwono
- na górze ma być coś w stylu paska postępu - myszka zaczyna iść od lewej strony, a po prawej jest serek. Po 10 udanych próbach myszka ma dojść do serka i gdy tak się stanie, ma pojawić się ekran "Wygrałeś!" z przyciskiem "Zagraj ponownie"
- gdy pojawi się nowa literka, z głośnika ma lecieć dźwięk, np. "B jak balon"

2. Zgadywanie cyfr na klawiaturze:
- podobna gra jak powyżej, ale z cyframi
- po lewej stronie mają pojawiać się rzeczy, np. 2 ptaki, a po prawej cyfry


Na razie skup się tylko na tych dwóch grach. Gdy wejdziemy w grę, na górze ma pojawić się strzałka powrotu do menu głównego

- Nie rób logowania
- Nie rób rejestracji
- ma to być nowoczesny UI w React, ale ma być przyjazny dla dzieci

Prompt 2:

Jesteś architektem Reacta i świetnym programistą, który zna CSS - zaimplementuj kompletną aplikację bazując na implementation_plan.md

Prompt 3:

Jesteś teraz product ownerem i specjalistą od dzieci i ich edukacji. Dodaj do pliku pomysly.md listę nowych gier, które mógłbyś zaimplementować

Prompt 4:

Zaimplementuj wszystkie pomysły i gry

📸 Wyniki

• Claude Opus 4.6: gry-claude.patres.dev

• GPT-5.3 Codex: gry-codex.patres.dev

Różnica względem 2023 jest naprawdę duża. Wtedy byłem zadowolony, gdy po kilku próbach udało się dowieźć jedną grę. A teraz z łatwością tworzę już nie tylko pojedyncze gry, ale całe serwisy z ponad 20 tytułami, a wszystko to przy użyciu zaledwie 4 promptów.

🔁 Rozbudowa aplikacji

Finalnie najbardziej podeszła mi wersja z Claude Opus 4.6. Strona była ładniejsza, a same gry miały lepszy flow dla dzieci. Potem robiłem klasyczną pętlę:

Prompt n:

Jesteś teraz product ownerem i specjalistą od dzieci i ich edukacji. Dodaj do pliku pomysly.md listę nowych gier, które mógłbyś zaimplementować

Prompt n+1:

Zaimplementuj wszystkie pomysły i gry

Tak wygląda aktualna wersja: gry.patres.dev

I wiele, wiele innych… Łącznie 40 gier.

🎯 Podsumowanie

Największa różnica między 2023 a 2026 to nie „trochę lepszy kod”, tylko totalna zmiana skali. Kiedyś AI pomagało mi głównie przy pojedynczych funkcjach. Teraz jest w stanie przejść ze mną od opisu produktu do działającej wersji aplikacji w bardzo krótkim czasie.

W praktyce najbardziej zyskałem na trzech rzeczach:

• mogę zaczynać od wymagań, a nie od dłubania w detalach,
• iteracje są szybkie i tanie czasowo,
• łatwiej utrzymać spójność całej aplikacji, a nie tylko jednego ekranu.

To nie oznacza, że „wszystko robi się samo”. Nadal trzeba pilnować jakości, UX i sensu biznesowego. Po prostu dziś więcej czasu poświęcam na decyzje produktowe, a mniej na ręczne klejenie kodu.