Google webes útmutatója: szenior fejlesztő, akit bármikor hívhatsz

Az a probléma, amiről senki sem beszél

Az AI alapú kódolási asszisztensekről rengeteg szó esik mostanában. Okosak, gyorsak, és tényleg képesek felgyorsítani a munkát. De van egy aprócska részlet, amit a hype-on kívül kevesen említenek: ezek a modellek mindig picit le vannak maradva a valóságtól.

Ma jön ki egy új CSS funkció, a modell viszont három hónappal ezelőtt kapta az utolsó képzését. És pont ebben a résben bújik meg a csíra – elfelejtett szintaxis, hiányzó fallback megoldások, accessibility hibák, amikkel hajnali kettőkor fogsz szembesülni.

A Google új megoldása erre a Modern Web Guidance. Egyszerűen fogalmazva: egy válogatott szabálygyűjtemény, amit az AI ügynökök просмотрhatnak, miközben írják a kódot. Nem modellfrissítés, hanem strukturált tudás, ami melléjük szegődik, és valós időben segíti a döntéseiket.

Mit tartalmaz?

A dokumentáció a front-end alapjait fedezi, de a részletekben rejlik az igazi ereje. Ott különül el a profi kód a dilettáns munkától.

Accessibility alapból. A leírás kifejezetten utasítja az AI-t, hogy vegye figyelembe a prefers-reduced-motion beállítást, kezelje megfelelően az ARIA attribútumokat, és gondoljon az overlay elemekre az animációkban. Ezek nem opcionális javaslatok – kötelező követelményekként vannak jelölve. Ez az a fajta kikényszerítés, ami tényleg változtat az web accessibility-n.

Modern CSS átmenetek és animációk. Ha egy újabb CSS feature-t használsz, ami még nem élvez teljes böngésző támogatást, a guidance tartalmaz fallback stratégiákat. @starting-style-t alkalmazol belépési animációkhoz? Tudja, hova kell helyezni ezeket a blokkokat a megfelelő kaszkádoláshoz, és explicit figyelmeztet, hogy kimeneti animációkhoz ne használd (itt a nyelv a base state transition-re terelődik).

Azok a dolgok, amiket nyomás alatt elfelejtünk. Őszintén szólva, amikor sprintelsz egy feature leszállításáért, könnyű átugrani a reduced motion preferenciát, elfelejteni a focus state-et, vagy nem számolni azzal, hogy elemek beléphetnek a top layerbe. A guidance ezeket nem opcionális funkciókként kezeli, hanem kötelező követelményekként.

Miért számít ez a csapatodnak?

Ha AI-asszisztált fejlesztéssel építesz – és legyünk őszinték, a legtöbben már így dolgozunk – ez a fajta strukturált útmutató átalakító erejű. Nem arról szól, hogy az AI okosabb lesz; arról szól, hogy megkapja azt az intézményi tudást, ami általában csak a senior fejlesztők fejében lakik.

Nálunk a NameOcean-nél régóta hiszünk a vibe codingban és az AI-asszisztált munkafolyamatokban. Az ilyen eszközök, mint a Modern Web Guidance, a következő evolúciót jelentik: AI, ami nem csak kódot generál, hanem felelős kódot. Olyan kódot, ami kezeli a szélső eseteket, tiszteletben tartja a felhasználói preferenciákat, és alapból megfelel az accessibility követelményeknek.

A realitás

Néhány fontos megfontolás: ez nem varázslat. Továbbra is szükséged van fejlesztőkre, akik értik, mit állít elő az AI. Maga a guidance is a legjobban így foglalja össze – "Tudnod kell, mit csinálsz." Ezek biztonsági hálók, nem szakértői helyettesítők.

Gondolj rá úgy, mint a helyesírás-ellenőrződre, csak éppen az architektúrai döntéseidhez. Elkapja az nyilvánvaló baklövéseket, kikényszeríti a best practice-eket, és emlékeztet azokra a dolgokra, amiket a gyors tempóban elveszel. De nem írja meg helyetted az üzleti logikát, és nem érti a konkrét use case-edet úgy, ahogy egy emberi fejlesztő.

Hol találod?

A Modern Web Guidance fájlok a GitHubon laknak, Markdown formátumban, bármilyen AI ágens könnyedén értelmezheti és hivatkozhatja őket. Ha AI-asszisztált fejlesztési munkafolyamatokat építesz be a csapatodba, ez legyen a standard eszközkészleted része.

A web platform gyorsan mozog. Ezek az eszközök segítenek lépést tartani.

Mit gondolsz az AI-asszisztált kódolási útmutatókról? Írd meg a kommentekben – együtt fedezzük fel, hova tart ez az egész.