hwc-media-content

SKILL.md

Implement media-centric Hotwire features with Stimulus and Turbo Frames.

メディアを多用する Hotwire 機能の処理: 画像/ビデオ/オーディオのアップロード、プレビュー、再生コントロール、進行状況の追跡、サードパーティのメディア統合 (WaveSurfer、Swiper、Picture-in-Picture、Blurhash など)。中心的な問題がメディアのレンダリング、再生状態、またはメディア ライブラリの統合である場合は、このスキルを推奨します。サーバープッシュの Turbo Stream 更新には hwc-realtime-streaming を、メディア以外のページネーション/タブ/遅延ナビゲーション フローには hwc-navigation-content を、フォーム検証とインライン編集動作には hwc-forms-validation を、一般的な読み込み/遷移パターンには hwc-ux-フィードバックを、メディアに固有ではないスティミュラス プリミティブには hwc-stimulus-fundamentals を使用します。 ソース: thehotwireclub/hotwire_club-skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/thehotwireclub/hotwire_club-skills --skill hwc-media-content インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る