managing-media
✓ファイルのアップロード (ドラッグ ドロップ、マルチファイル、再開可能)、画像ギャラリー (ライトボックス、カルーセル、メーソンリー)、ビデオ プレーヤー (カスタム コントロール、キャプション、アダプティブ ストリーミング)、オーディオ プレーヤー (波形、プレイリスト)、ドキュメント ビューアー (PDF、Office)、最適化戦略 (圧縮、応答性の高い画像、遅延読み込み、CDN) を含むメディアおよびファイル管理コンポーネントを実装します。ファイルの処理、メディアの表示、またはリッチ コンテンツ エクスペリエンスの構築時に使用します。
SKILL.md
This skill provides systematic patterns for implementing media and file management components across all formats (images, videos, audio, documents). It covers upload workflows, display patterns, player controls, optimization strategies, and accessibility requirements to ensure performant, accessible, and user-friendly media experiences.
For detailed selection criteria, reference references/implementation-guide.md.
For complete requirements, reference references/accessibility-patterns.md.
ファイルのアップロード (ドラッグ ドロップ、マルチファイル、再開可能)、画像ギャラリー (ライトボックス、カルーセル、メーソンリー)、ビデオ プレーヤー (カスタム コントロール、キャプション、アダプティブ ストリーミング)、オーディオ プレーヤー (波形、プレイリスト)、ドキュメント ビューアー (PDF、Office)、最適化戦略 (圧縮、応答性の高い画像、遅延読み込み、CDN) を含むメディアおよびファイル管理コンポーネントを実装します。ファイルの処理、メディアの表示、またはリッチ コンテンツ エクスペリエンスの構築時に使用します。 ソース: ancoleman/ai-design-components。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ancoleman/ai-design-components --skill managing-media- カテゴリ
- #ドキュメント
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
managing-media とは？
ファイルのアップロード (ドラッグ ドロップ、マルチファイル、再開可能)、画像ギャラリー (ライトボックス、カルーセル、メーソンリー)、ビデオ プレーヤー (カスタム コントロール、キャプション、アダプティブ ストリーミング)、オーディオ プレーヤー (波形、プレイリスト)、ドキュメント ビューアー (PDF、Office)、最適化戦略 (圧縮、応答性の高い画像、遅延読み込み、CDN) を含むメディアおよびファイル管理コンポーネントを実装します。ファイルの処理、メディアの表示、またはリッチ コンテンツ エクスペリエンスの構築時に使用します。 ソース: ancoleman/ai-design-components。
managing-media のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ancoleman/ai-design-components --skill managing-media インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ancoleman/ai-design-components
詳細
- カテゴリ
- #ドキュメント
- ソース
- skills.sh
- 初回登録
- 2026-02-01