Modern Web Guidance 1.0: Chrome, Edge, Firefox und MDN lehren KI-Agenten modernes Web-Coding

Das Google-Chrome-Team hat am 10. November 2026 die stabile Version 1.0 von Modern Web Guidance angekündigt, eine kostenlose Open-Source-Sammlung von Fähigkeiten, die KI-Coding-Agenten beibringt, modernen Web-Code zu schreiben – nach Best Practices, mit nativen Browserfunktionen und Daten zur browserübergreifenden Kompatibilität.

Das Projekt entstand bei Chrome und wurde im Mai 2026 auf der Google I/O vorgestellt. Mit Version 1.0 wird es zu einem browserübergreifenden Vorhaben: Die Teams von Microsoft Edge, Mozilla Firefox und MDN unterstützen, pflegen und erweitern das Projekt nun gemeinsam mit Chrome und der Community. Laut der offiziellen Ankündigung ist das Ziel, dass jede Person, die mit einem Agenten programmiert, die volle Leistungsfähigkeit der modernen Webplattform nutzen kann.

Das Problem, das Modern Web Guidance lösen will, kennt jeder, der schon einmal KI-generierten Code geprüft hat: Die Modelle haben aus einer riesigen Menge alten Codes gelernt und greifen daher oft auf veraltete Lösungen zurück – häufig mit JavaScript, wo eine native HTML- oder CSS-Funktion die Aufgabe besser lösen würde, mit weniger Code und besserer Barrierefreiheit.

Was in Version 1.0 neu ist

Die wichtigste Neuerung ist der Modernisierungs-Workflow, der eine bestehende Codebasis – HTML, CSS, JavaScript und package.json – analysiert und Möglichkeiten für sichere Aktualisierungen aufzeigt, wobei er den Agenten durch die Änderungen führt. In dieser ersten Version ist die Analyse statisch und deckt nur eine begrenzte Menge an Mustern ab; die Abdeckung soll im Laufe der Zeit erweitert werden, unter anderem durch Audits, bei denen der Agent direkt über den Code nachdenkt.

Auch die Anleitungsbibliothek ist gewachsen: 203 Anleitungen zu Anwendungsfällen, die 250 Funktionen der Webplattform abdecken, so die Projektdokumentation. Jede Anleitung durchlief eine vertiefte menschliche Expertenprüfung, mit Freigabe durch die technischen Leiter jedes Bereichs und einer eigenen Prüfung der Barrierefreiheit für nutzerorientierte Anleitungen. Das Projekt veröffentlicht zudem ein öffentliches Evaluierungs-Dashboard, das die messbare Verbesserung gegenüber Agenten ohne die Anleitung zeigt.

Von Google gemessene Ergebnisse

In Googles eigenen Tests stieg Claude Code mit dem Modell Opus 5.5 bei der Nutzung von Modern Web Guidance von 57 % auf 88 % bestandener Web-Code-Prüfungen. Die japanische Plattform note inc., eine der größten Creator-Plattformen Japans, verzeichnete in einer Evaluation mit 180 Durchläufen auf ihrer Produktionscodebasis eine Verbesserung von 61 % auf 94 %. Diese Zahlen stammen von Google und seinen Partnern und sind als von den Beteiligten veröffentlichte Ergebnisse zu verstehen, nicht als unabhängige Tests.

Es gibt auch Produktionseinsätze: MetaMask nutzt die Anleitung als automatisierten Review-Bot für jeden Pull Request seiner Open-Source-Browser-Erweiterung – innerhalb von fünf Wochen prüfte der Bot rund 480 Pull Requests und führte dazu, dass Ingenieure 43 Befunde korrigierten, meist zu Barrierefreiheit und HTML-Semantik. WeTV, die Streaming-Plattform von Tencent, nutzt die Anleitung zusammen mit den Chrome DevTools für Agenten und gibt an, 90 % der fehlgeschlagenen Leistungsprüfungen automatisch zu beheben.

Installation

Um Modern Web Guidance zu einem Projekt hinzuzufügen, genügt im Projektverzeichnis folgender Befehl:

npx modern-web-guidance@latest install

Wer bereits eine frühere Version nutzt, kann mit npx modern-web-guidance@latest update aktualisieren. Das Paket lässt sich auch über die Plugin-Marktplätze der wichtigsten Coding-Agenten installieren, darunter Claude Code, Codex, Cursor, Antigravity, Copilot, WebStorm, Kimi Code und Grok Build. Der Code steht unter der Apache-2.0-Lizenz, die Anleitungen unter CC-BY 4.0.

Neben Best Practices enthalten die Anleitungen Baseline-Kompatibilitätsdaten, das gemeinsame Label, das angibt, wie weit verbreitet eine Webfunktion browserübergreifend funktioniert – so kann der Agent die beste Funktion für das vom Projekt geforderte Unterstützungsniveau empfehlen, statt anzunehmen, dass alles überall funktioniert.

Bildnachweis: Google Chrome for Developers – Bild aus der offiziellen Ankündigung von Modern Web Guidance 1.0 mit den Logos der unterstützten Coding-Agenten und IDEs.

Quellen

Transparenz: Dieser Artikel wurde mit Unterstützung künstlicher Intelligenz erstellt, unter Abgleich öffentlicher Beiträge auf X und von Quellen aus dem Internet. Wir empfehlen, die Originalquellen zur Bestätigung der Angaben zu konsultieren.

Muse