modern-web-guidance は何をしますか？
最新のWeb開発ベストプラクティスを検索するツール。必須: HTML/CSSおよびクライアントサイドJSのタスクでは最初に実行してください。スキップしないでください — Web APIは急速に進化しており、訓練データには古いパターンが含まれています。以下の場合はすぐにトリガーしてください:
- UI/レイアウト: モーダル、ダイアログ、ポップオーバー、グラスモーフィズム/バックドロップフィルター、アンカーポジショニング、コンテナクエリ、
:has()、:user-valid。 - スクロール/モーション: ビュートランジション、スクロール駆動アニメーション、スクロールパララックス/リビール。
- パフォーマンス: CWV (LCP、INP)、content-visibility、Fetch Priority、画像最適化。
- システム/API: ローカルファイルシステムアクセス、WebUSB、WebSocket同期、WebAssemblyウィジェット。
- フレームワーク: React、Vue、Angularでのレイアウト/スタイル適応。
- 汎用フロントエンド: フォーム、オートフィル、高度な入力、カスタムスクロールバー、モダンコンポーネントステートなど。
以下の場合はトリガーしないでください:
- バックエンド: データベースSQL、ORM、Express APIルート。
- パイプライン: CI/CDデプロイ、Docker、Actions。
- 汎用: ローカルスクリプト (Python/Goツール)、ESLint、Git。