ブラウザ自動化を使用して、ビューポート幅全体で Web サイトの応答性をテストします。ブレークポイントを通じて単一セッションのサイズを変更し、各幅のスクリーンショットを取得し、レイアウトの遷移 (列の変更、ナビゲーション スイッチ、オーバーフロー) を検出します。レイアウトがどこで壊れているかを正確に示す比較レポートを作成します。 「応答性のチェック」、「応答性の確認」、「ブレークポイント テスト」、「ビューポート テスト」、「応答性のスイープ」、「ブレークポイントの確認」、または「モバイルでのテスト」を使用してトリガーします。
コマンドラインで responsiveness-check AI スキルを開発環境にすばやくインストール
ソース: jezweb/claude-skills。
Test how a website's layout responds to viewport width changes. Resizes through breakpoints in a single browser session, screenshots each width, compares adjacent sizes, and reports where layouts break.
What this tests: Layout responsiveness — overflow, stacking, navigation transitions, content reflow.
What this does NOT test: General accessibility (ARIA, semantic HTML, heading hierarchy, colour contrast). Those don't vary by viewport width — use the ux-audit skill instead.
ブラウザ自動化を使用して、ビューポート幅全体で Web サイトの応答性をテストします。ブレークポイントを通じて単一セッションのサイズを変更し、各幅のスクリーンショットを取得し、レイアウトの遷移 (列の変更、ナビゲーション スイッチ、オーバーフロー) を検出します。レイアウトがどこで壊れているかを正確に示す比較レポートを作成します。 「応答性のチェック」、「応答性の確認」、「ブレークポイント テスト」、「ビューポート テスト」、「応答性のスイープ」、「ブレークポイントの確認」、または「モバイルでのテスト」を使用してトリガーします。 ソース: jezweb/claude-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-checkブラウザ自動化を使用して、ビューポート幅全体で Web サイトの応答性をテストします。ブレークポイントを通じて単一セッションのサイズを変更し、各幅のスクリーンショットを取得し、レイアウトの遷移 (列の変更、ナビゲーション スイッチ、オーバーフロー) を検出します。レイアウトがどこで壊れているかを正確に示す比較レポートを作成します。 「応答性のチェック」、「応答性の確認」、「ブレークポイント テスト」、「ビューポート テスト」、「応答性のスイープ」、「ブレークポイントの確認」、または「モバイルでのテスト」を使用してトリガーします。 ソース: jezweb/claude-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/jezweb/claude-skills