modern-web-guidance Claude Code プラグイン
Claude Code プラグイン Claude Code 開発 Web・アプリ開発Claude Code 拡張・ワークフローWeb 検索・リサーチ・学習以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
modern-web-guidance は、Claude Code などのコーディングエージェントにモダンな Web プラットフォームの API や実装パターン、ブラウザ互換性データを取り込ませるスキル集をまとめたプラグインです。README によると、Google Chrome チームが開発を主導し、Microsoft Edge チームや Web 開発コミュニティの協力のもとで運営されており、現時点ではプレビュー版として内容の拡充が続いています。仕組みとしては、オフラインのモデルでガイド集をローカル検索し、該当するガイドをエージェントのコンテキストに直接挿入することで、古い実装ではなく現行の標準に沿ったコードを書きやすくしています。README では CSS レイアウトやフォーム、アクセシビリティ、パフォーマンス、セキュリティ、ブラウザ内蔵 AI など、102 のモダン Web 機能と 129 の実務的なユースケースガイドを扱うと記載されています。README に掲載された評価結果では、このガイダンスを使った場合と使わない場合でエージェントのタスク精度に差が生じたと報告されています。
modern-web-guidance でできること
- npx コマンド、あるいは Claude Code、GitHub Copilot CLI、Google Antigravity、Vercel の Skills CLI、GitHub CLI からスキルを導入できる
- コーディングエージェントの作業フローの中で Web プラットフォームのガイドを検索・取得できる
- モダンな CSS レイアウト、フォーム処理、アクセシビリティ、パフォーマンス調整、パスキーや WebAuthn によるセキュリティ、ブラウザ内蔵 AI API についてのガイダンスを得られる
- インストール時のオプションで modern-web-guidance や chrome-extensions といったスキルパックを選び、トークン使用量を調整できる
- 環境変数を設定することで匿名利用状況テレメトリを無効化できる
出典
modern-web-guidance の変更履歴
- Claude Code プラグイン modern-web-guidance が追加