ICYMI: Modern Web Guidance ist jetzt stabil

Matthias Rohmer
Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Veröffentlicht: 13. November 2026

Wenn Sie diese Website regelmäßig lesen, Chrome for Developers auf X, LinkedIn oder Bluesky folgen oder diese Woche den Bereich Neuigkeiten in den DevTools geöffnet haben, haben Sie die Neuigkeiten mit Sicherheit schon gehört. Aber für alle, die sich auf die Entwicklung konzentriert haben: Modern Web Guidance ist jetzt als stabile Version 1.0 verfügbar.

Collage aus Blogposts, Fallstudien, Social-Media-Beiträgen und dem Bereich „Neuigkeiten“ in den Chrome-Entwicklertools, in dem Modern Web Guidance 1.0 angekündigt wird.

Seit der Veröffentlichung der frühen Vorabversion auf der Google I/O haben wir viele Verbesserungen vorgenommen und Modern Web Guidance zu einer browserübergreifenden Zusammenarbeit mit Firefox und Edge ausgebaut. Diese Woche haben wir sie in Artikeln, Fallstudien, Videos und Dokumenten näher beleuchtet.

In aller Kürze

Frontier-Modelle verwenden für die Webentwicklung oft standardmäßig Legacy-Muster. Beispielsweise bevorzugen sie eine JavaScript-Animationsbibliothek gegenüber scrollgesteuerten CSS-Animationen oder erstellen komplexe verschachtelte div-Monster, anstatt appearance: base-select für anpassbare Drop-downs zu verwenden.

Modern Web Guidance behebt dieses Problem, indem es kurze, aufgabenbezogene Anleitungen basierend auf Ihrem Prompt einfügt. Das ist neu in Version 1.0:

  • Mehr von Experten geprüfte Leitfäden: Zu Leistung, Stil, Barrierefreiheit, Sicherheit, Datenschutz, Formularen und mehr. Jede Fähigkeit wurde von einem technischen Fachexperten überprüft und getestet. Die Skills können im Guide-Katalog durchsucht werden.
  • Standardmäßig browserübergreifend: Zusammenarbeit der Teams, die Mozilla Firefox, Microsoft Edge und Google Chrome entwickeln. Jeder Leitfaden wird durch Baseline-Kompatibilitätsdaten und Fallbacks ergänzt.
  • Öffentliche Bewertungssuite: Tausende von Bewertungsläufen, die im öffentlichen Bewertungs-Dashboard eingesehen werden können und Verbesserungen bei den Erfolgsquoten zeigen.

Im Ankündigungsbeitrag zu Modern Web Guidance 1.0 finden Sie konkrete Beispiele für die KI-Wissenslücken, die damit geschlossen werden, End-to-End-Workflows mit Chrome-Entwicklertools für KI-Agenten und eine Anleitung zum Aktualisieren der I/O-Vorabversion.

Überzeugen Sie sich selbst

Als Mitentwickler von Modern Web Guidance sind wir natürlich etwas voreingenommen. Sehen wir uns an, was unsere Partner dazu sagen, nachdem sie die gesamte Suite der KI-Codierungstools von Chrome in ihren täglichen Workflows getestet haben:

  • Policybazaar und Pensionbazaar: Durch das Schließen der Build-and-Verify-Schleife konnten die Bearbeitungszeit für neue Seiten und die Anzahl der UI-Fehler um über 90 % reduziert werden. Policybazaar konnte den manuellen Aufwand für die Überprüfung der Core Web Vitals auf etwa 30 Landingpages um 92 % senken.
  • MetaMask: Modern Web Guidance wurde in einen dreizeiligen PR-Review-Bot für etwa 480 Pull-Anfragen eingebunden, was zu 43 Korrekturen bei der Barrierefreiheit im Internet und semantischem HTML mit einer durchschnittlichen Bearbeitungszeit von 15 Minuten führte.
  • WeTV: Chrome-Entwicklertools für KI-Agenten und Modern Web Guidance wurden zu CI/CD hinzugefügt, um 90 % der wiederkehrenden CLS-Regressionen automatisch zu diagnostizieren und zu beheben. Dadurch wurde die Debugging-Zeit um 87 % verkürzt.
  • note inc.: Kombinierte Modern Web Guidance mit Regeln für das interne Designsystem, wodurch die Erfolgsquote bei Modern Web-Prüfungen von 61 % auf 94 % und die korrekte Priorisierung von LCP-Bildern um 28 % gesteigert wurde.

Jetzt starten

Sie können zwar Glück haben, wenn Sie Ihren Agenten bitten, Modern Web Guidance zu installieren, aber mit dem folgenden npx-Befehl können Sie Ihr Projekt und Ihren Agenten Schritt für Schritt einrichten.

npx modern-web-guidance@latest install

Sie können auch alternative Installationsoptionen auf GitHub ausprobieren.

Nach der Einrichtung können Sie sich die neuen Anwendungsfälle und die Funktionsweise von Modern Web Guidance 1.0 im Detail ansehen:

Wie geht es mit der agentischen Webentwicklung mit Chrome weiter?

Wenn Sie Modern Web Guidance mit Ihrem KI-Agenten zum Programmieren verwenden, sind Sie auf dem richtigen Weg. Sie können (und sollten) aber noch weiter gehen. Ihr Agent benötigt eine Möglichkeit, diesen Code in einem echten Browser auszuführen, zu prüfen und zu verifizieren.

Seit mehr als einem Jahr bieten die Chrome-Entwicklertools für KI-Agenten Coding-Agenten mit einer Vielzahl von Tools Live-Einblicke in die Laufzeit – von der Prüfung der Barrierefreiheit und Leistung bis hin zum Debugging des Arbeitsspeichers und der Aufzeichnung von Animationen, damit Ihr KI-Agent sie optimieren kann.

In den kommenden Wochen feiern wir den nächsten Meilenstein der Chrome-Entwicklertools für KI-Agenten. Es wird noch einfacher, den richtigen Kontext von Chrome an Ihren Agenten zu übergeben.

Probieren Sie Modern Web Guidance 1.0 aus und teilen Sie uns Ihre Meinung mit. Sowohl Modern Web Guidance als auch die Chrome-Entwicklertools für KI-Agenten werden öffentlich auf GitHub entwickelt. Wenn Sie eine Webplattformaufgabe finden, die Ihr Agent immer noch falsch ausführt, oder eine Idee haben, was wir als Nächstes in Angriff nehmen sollten, öffnen Sie ein Issue und teilen Sie es uns mit.