Poradnik Google'a jakby senior developer na szybkim wybieraniu

Problem, o którym nikt nie mówi

AI do kodowania potrafi zaskoczyć — ale ma jedną ukrytą słabość. Nowa funkcja CSS pojawia się dziś, model został wytrenowany trzy miesiące temu, a gdzieś pomiędzy tymi datami kryje się mina: przestarzała składnia, brakujące alternatywy dla starszych przeglądarek i zaniedbania w dostępności, które odbiją się czkawką o 2 w nocy.

Google'owski Modern Web Guidance to odpowiedź na tę lukę. Nazwijmy to zestawem zasad, do którego AI może zaglądać podczas pracy. To nie jest aktualizacja modelu — to ustrukturyzowana wiedza, która siedzi obok niego i podpowiada w czasie rzeczywistym.

Co dokładanie zawiera?

Dokumentacja obejmuje cały front-endowy arsenał, ale prawdziwa siła tkwi w szczegółach, które odróżniają amatorski kod od tego z prawdziwego zdarzenia.

Dostępność od pierwszej linijki. Dokument jasno mówi AI, żeby szanował prefers-reduced-motion, prawidłowo obsługiwał atrybuty ARIA i myślał o elementach nakładkowych w animacjach. To nie są opcjonalne sugestie — są oznaczone jako OBOWIĄZKOWE. Takie podejście faktycznie poprawia stan dostępności w internecie.

Nowoczesne przejścia i animacje CSS. Masz nowszą funkcję CSS bez pełnego wsparcia przeglądarek? Dostaniesz strategie awaryjne. Pracujesz z @starting-style do animacji wejścia? Guidance wie, gdzie umieścić te bloki dla prawidłowej kaskady, i wyraźnie ostrzega przed używaniem ich do animacji wyjścia (podpowiedź: to załatwia przejście ze stanu bazowego).

Rzeczy, które uciekają w pośpiechu. Szczerze — kiedy gonią Cię terminy, łatwo pominąć preferencję reduced motion, zapomnieć o stanie focusu czy przeoczyć elementy wchodzące do top layer. Ta dokumentacja traktuje to jako wymagania, nie miłe dodatki.

Dlaczego Twoja ekipa powinna zwrócić na to uwagę?

Jeśli pracujesz z AI-assisted development — a szczerze, większość z nas teraz tak robi — tego typu ustrukturyzowane zasady zmieniają reguły gry. Chodzi nie o to, żeby AI było mądrzejsze, ale żeby miało dostęp do tej wiedzy, która zwykle siedzi tylko w głowach seniorów.

W NameOcean jesteśmy entuzjastami vibe codingu i workflow z AI. Narzędzia takie jak Modern Web Guidance to następny krok: AI, które nie tylko generuje kod, ale generuje odpowiedzialny kod. Takı, który obsługuje edge case'y, szanuje preferencje użytkowników i od razu dba o dostępność.

Konfrontacja z rzeczywistością

Kilka istotnych zastrzeżeń: to nie jest magia. Wciąż potrzebujesz programistów, którzy rozumieją, co AI wypluwa. Sama dokumentacja to przyznaje — "Powinieneś wiedzieć, co robisz". To bariery ochronne, nie zamiennik za wiedzę.

Myśl o tym jak o sprawdzaniu pisowni, ale dla decyzji architektonicznych. Wychwytuje oczywiste błędy, wymusza dobre praktyki i przypomina o rzeczach, które uciekają, kiedy jedziesz na pełnej. Ale nie napisze Twojej logiki biznesowej i nie zrozumie specyfiki Twojego projektu tak jak ludzki developer.

Gdzie to znajdziesz?

Pliki Modern Web Guidance leżą na GitHubie jako zbiór dokumentów Markdown, które każdy agent AI może sparsować i wykorzystać. Jeśli budujesz workflow z AI-assisted development w swoim zespole, to powinno być częścią standardowego stacku.

SiećWWW rozwija się szybko. Te narzędzia pomagają nam nadążać.

Co sądzisz o AI-assisted coding guidance? Daj znać w komentarzach — wszyscy się tego uczymy.