responsive-design
✓コンテナ クエリ、流体タイポグラフィ、CSS グリッド、モバイル ファースト ブレークポイント戦略を使用して、最新のレスポンシブ レイアウトを実装します。アダプティブ インターフェイスを構築する場合、流動的なレイアウトを実装する場合、またはコンポーネント レベルの応答動作を作成する場合に使用します。
インストール
SKILL.md
Master modern responsive design techniques to create interfaces that adapt seamlessly across all screen sizes and device contexts.
コンテナ クエリ、流体タイポグラフィ、CSS グリッド、モバイル ファースト ブレークポイント戦略を使用して、最新のレスポンシブ レイアウトを実装します。アダプティブ インターフェイスを構築する場合、流動的なレイアウトを実装する場合、またはコンポーネント レベルの応答動作を作成する場合に使用します。 ソース: wshobson/agents。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wshobson/agents --skill responsive-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/wshobson/agents --skill responsive-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
responsive-design とは？
コンテナ クエリ、流体タイポグラフィ、CSS グリッド、モバイル ファースト ブレークポイント戦略を使用して、最新のレスポンシブ レイアウトを実装します。アダプティブ インターフェイスを構築する場合、流動的なレイアウトを実装する場合、またはコンポーネント レベルの応答動作を作成する場合に使用します。 ソース: wshobson/agents。
responsive-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wshobson/agents --skill responsive-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/wshobson/agents