その他

GitHubリポジトリと、入れ方の一覧

元の資料：GitHub / installation options — GoogleChrome/modern-web-guidance
随時更新（公開リポジトリ、Apache License 2.0）

このページには実際に動く作例があります。

本体の公開リポジトリです。入れ方、試し方、更新の方法と、ガイドが対象にする250のWeb機能の一覧がここにあります。

リポジトリの位置づけ

Modern Web Guidanceは、コーディングエージェントにWebプラットフォームの専門知識、ベストプラクティス、ブラウザ互換データを埋め込むスキルの集まりです。運営はGoogle Chrome、Microsoft Edge、Mozilla Firefox、MDNの各チームと、Web開発のコミュニティが担います。ライセンスはApache License 2.0です。

ガイドはトークン効率を考えて作られています。評価を回して、モデルが既に知っている最低限の内容は削る、という運用です。

入れる（対話式のインストーラ）

npx modern-web-guidance@latest install

プロジェクトのフォルダで実行すると、対話式の案内で入ります。以前の版からの更新は次です。

npx modern-web-guidance@latest update

入れずに試す

# 関連するガイドを探す
npx modern-web-guidance@latest search "animate a dialog modal backdrop"

# IDでガイドを取り込む
npx modern-web-guidance@latest retrieve "animate-to-from-top-layer"

# コードベースの古い書き方を走査する
npx modern-web-guidance@latest legacy-scan .

ほかの入れ方

• 各エージェントのプラグインのマーケットプレイスからも入れられます。対応先として、Claude Code、Codex、Cursor、Antigravity、GitHub Copilot、WebStorm、Kimi Code、Grokなどが挙げられています。
• リポジトリには、エージェント別のプラグイン定義（.claude-plugin、.codex-plugin、.cursor-plugin など）と、プロジェクト設定の仕組み（.mwgrc）も含まれます。
• ブラウザ対応の方針は、プロジェクトの AGENTS.md や CLAUDE.md に書いて上書きできます。書き方はBaselineのページにあります。

対象の広さ

分野としては、使い心地、CSSレイアウト、性能、フォームとUI、アクセシビリティ、組み込みAIが中核です。そのほか、セキュリティ、プライバシー、PWA、WebMCPなども含まれます。

仕組みの要点（READMEより）

• エージェントは、平常時はスキルの説明だけを見ています。課題に合わせてCLIで検索し、選んだガイドだけを取り込みます。流れの詳細は検索の技術深掘りにあります。
• 各ガイドにはBaselineの対応データが入り、プロジェクトの対応目標に合わせて、フォールバックの要否が決まります。
• 利用記録（テレメトリ）とプライバシーの扱いもREADMEに節があります。検索の記録の範囲と止め方は、技術深掘りのページで触れています。

GitHubリポジトリを開く