インストール
npx modern-web-guidance@latest install誰向けか
コーディング代理がオーバーレイ、アニメーション、操作に出会うと大量の古い JavaScript を積み上げ、あなたは今の Web プラットフォームがすでに持つ能力を使いたいなら、このスキル一式の方が合う。Web プラットフォーム経験、ベストプラクティス、ブラウザ互換性データをコーディング代理へ埋め込み、案を古いパターンから現代プラットフォームへ振る。汎用フロントエンド教材をもう一冊書くものではない。
公式の理由：コーディング代理は古いパターンをデフォルトにしがち。訓練データに遺留コードが多く、すでにネイティブで高性能なプラットフォーム案がある仕事に対して肥大スクリプトを出しがち。ダイアログ、トップレイヤアニメーション、互換性照合をしている人で、npx でスキル一式を入れることを受け入れるなら、利点はより直接。文書を見るだけで代理の振る舞いを変えるつもりが無い人は、先にコマンドライン検索を見てよい。インストールウィザードを先に走らせる必要は無い。
3 分で最初の試行を終える
公式インストール入口はこの一本だけ：
npx modern-web-guidance@latest install
対話ウィザードを起動し、Modern Web Guidance をコーディング代理へ入れる。このマシンの代理スキル設定を変える。読み取り専用照会ではない。実行前に確認：このマシンに npx があり、ウィザードで選択を終え、書き込みたい代理環境であること。提示を読んでから実行する。よく分からない環境でそのまま Enter しない。
入れたあと、可逆な照合を一つする。代理に「ダイアログの背景をどうアニメーションするか」を調べさせ、先に現代プラットフォーム能力を見ること、長いスクリプトを先に書かないことを求める。成功の合図：答えがプラットフォーム案と互換性へ寄り、遺留書き方を既定で積まないこと。代理がまだ古いパターンだけ出すなら、照合で止める。リポジトリファイルを変えさせない。
代理へ書き込む準備がまだ無いなら、同じ CLI で先に読み取り専用検索もできる（次節）。その一歩はインストールの代わりにならない。コマンドが使えることの確認だけ。
利用事例
事例一：仕事に沿って関連ガイドを検索。ダイアログ背景のアニメーションなど、具体需要は一文あるが、対応ガイド名はまだ分からない。端末で実行：
npx modern-web-guidance@latest search "animate a dialog modal backdrop"
公式はこれを Search for relevant guides と標す。ページは戻り件数、並び、先にインストールが要るかは書いていない。確認できるのは、このコマンドがキーワードでガイドを検索すること。ダイアログ、背景、アニメーションに関する項目が見えればよい。検索結果をそのまま貼れる最終パッチと理解する権限は無い。
事例二：既知の ID でガイド一篇を取り出す。animate-to-from-top-layer のような識別をすでに見たら、実行：
npx modern-web-guidance@latest retrieve "animate-to-from-top-layer"
公式はこれを Retrieve a guide by ID と標す。ID の完全な目録は説明していない。retrieve がプロジェクトファイルを変えるかも書いていない。最初は出力をガイド本文として読むだけ。コードへ落とすなら、スキル済みのコーディング代理に対照させ、あなたがうなずく前にファイルを変えることを明確に禁じる。
利用上の境界
これはプレビュー版。公式は内容を増やし続けていると書き、
https://github.com/GoogleChrome/modern-web-guidance-src
への貢献やフィードバックを歓迎する。ページはガイドが Web プラットフォーム全体を覆うとは保証しない。プレビュー期のコマンドが安定かも書いていない。題目が検索できないときは、今の内容にそれが無いとだけ言う。「同等のベストプラクティス」を自分で足さない。
インストール経路は上の対話ウィザード。検索と取り出しは別の二本。search / retrieve を第二のインストーラと理解しない。特定の代理製品に縛られるとも推論しない。公式は coding agents 向けとだけ言い、クライアント名簿は出していない。
最初は検索、または代理の読み取り専用対照を優先。ウィザードはスキルを書き込む。retrieve も純展示かは宣言していない。リポジトリや設定を変える手順は、先に代理に変えるファイルを復唱させ、あなたが確認してから続ける。