Skill.md検索

Playwright を使ってページを自動巡回し、見出し構造、画像の代替テキスト、フォームラベルなどのアクセシビリティ問題を検出します 複数のページを並列で監査する SubAgent を同時起動し、監査時間を大幅に短縮します 見出しレベルの階層飛ばし（h1→h3）や、alt 属性のない画像、ラベルのないフォーム要素などの具体的な問題を一覧で報告します 指定パス（例：/tools/crop-icon）のみを監査するか、サイト全体を監査するか、引数で柔軟に切り替えられます Web アプリケーションのアクセシビリティ改善を担当する開発者 リリース前にアクセシビリティ品質をチェックしたいプロダクトマネージャー 定期的に a11y 監査を実施したい開発チーム まず mcp__playwright__browser_navigate で localhost:3000 にアクセスし、開発サーバーの稼働確認をします。起動していなければ npm run dev をバックグラウンド実行してから再試行します。次に、Taskツール（subagent_type: "general-purpose"）で SubAgent を並列起動し、担当ページごとに監査を委譲します。各 SubAgent は対象ページへの遷移、mcp__playwright__browser_resize（1280x800）、mcp__playwright__browser_snapshot でアクセシビリティスナップショット取得、見出し階層の確認、画像の alt 属性チェック、フォーム要素のラベル確認、インタラクティブ要素の ARIA 属性確認を実行します。mcp__playwright__browser_evaluate で JavaScript を実行し、画像の src/alt/サイズ、フォーム要素の type/id/name/label/placeholder などを抽出・評価して、問題がある場合は詳細に報告します。

内部リンクの有効性を全ページ自動チェック: ホームページ、記事一覧、ツール各ページをブラウザで自動巡回し、すべてのリンク先が実在して正常に表示されるか検証。リンク切れを即座に特定。 外部リンクの生存確認も並列実行: 各ページに含まれる外部URL（SNS、参考資料等）にアクセスし、タイムアウトやエラーが発生していないか自動チェック。リンク先サイトの消滅を早期発見。 開発サーバーの自動起動: npm run devがまだ起動していない場合、自動で起動してからチェック開始。手作業で開発環境を整える手間が不要。 並列処理で高速完了: 内部リンク、外部リンクを同時に複数エージェント（SubAgent）で並列チェック。全ページの確認が短時間で完了。 構造化されたレポートを自動生成: チェック日時、リンク数、問題数、詳細な結果を表形式でまとめたレポートを自動出力。問題のあるリンクと修正提案も含める。 Webサイト管理者・運用担当者: サイト更新後、定期的にリンク切れがないか自動チェックし、ユーザー体験を維持したい人。 オウンドメディア・ブログ運営者: 記事内の参考リンクや関連記事へのリンクが正常に機能しているか、時系列で検証したい人。 技術ドキュメント・ナレッジベース管理者: 複数ページに散在する内部リンクの整合性を自動チェックし、ドキュメントの信頼性を保ちたい人。 CI/CDパイプライン統合を検討する開発チーム: デプロイ後の自動テストとしてリンク検証を組み込み、本番環境のリンク切れを防ぎたい場合。 Playwright MCPツールを使用してサイト内の全リンク検証を自動化します。(1)開発サーバー確認：mcp__playwright__browser_navigateでhttp://localhost:3000にアクセス。未起動の場合はnpm run devをバックグラウンド実行し、数秒待機後リトライ。(2)SubAgentによる並列チェック：引数なし時は2つのSubAgentを同時起動。SubAgent 1は内部リンク（/、/articles、/tools等）を各ページでbrowser_navigate→browser_snapshotでアクセシビリティツリー抽出→aタグのリンク先を確認。SubAgent 2は外部リンク（localhost以外）を同様に検証。各リンク先への遷移成功確認とコンソールエラー確認も実施。(3)結果統合：全SubAgent完了後、「内部リンク結果」「外部リンク結果」「要対応項目」の3セクションでレポート生成。チェック日時、総リンク数、問題数を記載し、問題のあるリンクは詳細と修正提案を併記。