hwc-media-content

SKILL.md

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

Handle media-heavy Hotwire features: image/video/audio uploads, previews, playback controls, progress tracking, and third-party media integrations (for example WaveSurfer, Swiper, Picture-in-Picture, Blurhash). Prefer this skill when the core problem is media rendering, playback state, or media library integration. Use hwc-realtime-streaming for server-pushed Turbo Stream updates, hwc-navigation-content for non-media pagination/tab/lazy-navigation flows, hwc-forms-validation for form validation and inline-edit behavior, hwc-ux-feedback for generic loading/transition patterns, and hwc-stimulus-fundamentals for Stimulus primitives not specific to media. Source: thehotwireclub/hotwire_club-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/thehotwireclub/hotwire_club-skills --skill hwc-media-content Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw