Googleは2026年9月17日、Web開発を支援するエージェントスキル「Modern Web Guidance」の更新内容を、公式Xアカウント「Chrome for Developers」で紹介した。Codex向けプラグインへの対応が加わり、ChatGPT（Codex）アプリのプラグイン画面にも掲載されている。別の投稿では、Modern Web Guidanceのインストール数が1万に達したと報告した。

Modern Web Guidanceは、Webプラットフォームの実装パターンやブラウザ互換性の情報を、コーディングエージェントに提供するスキル集。HTML・CSS・JavaScriptを使った画面や機能の実装を支援する。エージェントが作業に合うガイドを検索・取得し、新しいWeb標準の活用や、アクセシビリティ・パフォーマンスへの配慮に役立てる。公開当初の概要は、2026年5月の記事でも紹介している。

今回のX投稿は、9月7日にリリースされたv0.0.187についてのもの。記事公開時点ではv0.0.189まで公開されているが、v0.0.188とv0.0.189では、スキルが提供するガイダンスの内容に変更はない。

ChatGPTアプリから導入できるプラグインに

v0.0.187には、既存のスキルをCodex向けプラグインとして配布するための定義ファイルと、マーケットプレイス用の設定が追加された。ChatGPTアプリのプラグイン画面にも「Modern Web Guidance」が掲載され、インストールボタンが表示されている。

プラグインには、次の2つのスキルが含まれる。

• modern-web-guidance：HTML、CSS、フロントエンドのJavaScriptなど、Web開発の実装に必要なガイドを検索する。
• chrome-extensions：Manifest V3に沿ったChrome拡張機能の開発を支援する。Chromeウェブストアへの公開準備や、審査への対応も対象とする。

スキル自体は、プラグイン対応前もCodexで利用できた。Claude CodeとAntigravity CLI向けには、5月の公開当時からプラグインとしての導入方法が案内されている。スキルやプラグインの導入方法は、公式サイトで案内されている。

日本語入力の誤送信対策やUIの実装ガイドを追加

v0.0.186では、日本語入力の変換確定に使うEnterキーでメッセージを誤送信しないためのガイド「ime-safe-enter-submit」がスキルに追加された。このガイドは、チャットなどの複数行入力欄にEnterキーで送信する処理を実装する場合を対象に、変換中かどうかの判定やSafariでの注意点を説明している。

v0.0.187では、次の3つのUI実装ガイドが加わった。

• progress-ring：タスクの進捗を円形のリングで示す。
• spinner：アニメーションによって処理中であることを伝える。
• scrollspy：スクロール位置に応じて、表示中の節に対応する目次やナビゲーション項目を強調する。

progress-ringとspinnerでは、通常は進捗バーとして表示されるHTML標準の<progress>要素を使う。両ガイドは、この要素をCSSで円形に装飾し、スクリーンリーダーや動きを抑える設定にも配慮する実装方法を示している。scrollspyのガイドは、新しいCSS機能を使う方法に加え、未対応ブラウザ向けの代替実装も扱う。

既存のガイドには、レイアウトの不具合を隠さず原因を修正する方法や、戻る・進む操作でページを復元するbfcacheを妨げないためのキャッシュ設定について説明が加わった。また、v0.0.186では、エージェントへの指示に、生成したコードをガイドと照合する確認手順が追加された。

リリースノートで更新内容と評価結果を確認可能に

Modern Web Guidanceのガイダンスの作成・調整・評価は、modern-web-guidance-srcで行われている。ここで生成されたスキルが、配布用のmodern-web-guidanceリポジトリへ公開される。

8月には、この公開処理にリリースノートの自動生成が組み込まれた。この仕組みは、ガイドやプラグインの差分をGemini APIで要約する。これにより、GitHub Releasesで、新しいガイドや改訂内容をまとめて確認できるようになった。各リリースノートには、ガイダンスの有無による生成コードのテスト通過率も掲載されている。