以下の分野を参照して、ガイダンスの範囲を確認してください。
コア分野
ウェブ上で安全で高品質なエクスペリエンスを構築するためのベスト プラクティス。
accessibility
アプリケーション全体で効果的なアクセシビリティ パターンを評価、修正、実装します。
GitHub の accessibility ガイドを表示する
performance
Core Web Vitals を最適化し、ページ読み込み時間を短縮し、ユーザー入力へのレスポンシブネスを向上させます。
privacy
プライバシー バイ デザイン、データの最小化、サードパーティ監査、安全なデータ処理を実装します。
security
一般的なウェブの脆弱性（XSS、CSP、Cookie、クロスオリジン分離）から保護するための予防的なセキュリティ ガイドラインを実装します。
ウェブ テクノロジー
コア ウェブ言語、テクノロジー、ランタイム環境を使用するためのベスト プラクティス。
html
最新の HTML アーキテクチャ、セマンティクス、ネイティブのインタラクティブ API（ダイアログ、ポップオーバー、詳細）、フォーカス管理、リソースの優先順位付けを実装します。
css
最新の CSS アーキテクチャ、レイアウト、パフォーマンスのベスト プラクティスを適用します。
css-layout
flexbox、grid、subgrid、コンテナクエリ、アンカー ポジショニング、固有サイズ設定などの最新の CSS 機能を使用して、レスポンシブ レイアウトを構築します。
forms
アクセスしやすく、安全で、使いやすいウェブフォームを構築します。
passkeys
最新のクロスオーバー原則に従って、ウェブ アプリケーションに WebAuthn とパスキーを実装します。
webmcp
WebMCP を実装して、クライアントサイドのブラウザ機能を AI エージェントのインタラクティブ ツールとして公開します。
ブラウザの機能（オプトイン）
特殊なブラウザ API とプラットフォームを使用するためのベスト プラクティス。これらは modern-web-guidance とは別のスキルであり、個別にインストールする必要があります。
chrome-extensions
一般的な Service Worker のライフサイクルとサンドボックス化の落とし穴を回避する Manifest V3 で、安全で準拠した Chrome 拡張機能を作成します。また、メタデータ、プライバシー ポリシー、権限の正当性の準備を支援することで、Chrome ウェブストアへの公開を効率化します。オプトインするには、Modern Web Guidance のインストール時に chrome-extensions スキルを選択します。
npx modern-web-guidance@latest install --choose
GitHub の chrome-extensions スキルを表示する
次のステップ
Modern Web Guidance を理解したら、実際に試してみましょう。Modern Web Guidance でサポートされている 機能とユースケース を確認し、開始するには いくつかのサンプル プロンプトを試して ください。