hwc-media-content

SKILL.md

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

Maneje funciones de Hotwire con muchos medios: cargas de imágenes/videos/audio, vistas previas, controles de reproducción, seguimiento del progreso e integraciones de medios de terceros (por ejemplo, WaveSurfer, Swiper, Picture-in-Picture, Blurhash). Prefiera esta habilidad cuando el problema principal sea la representación de medios, el estado de reproducción o la integración de la biblioteca de medios. Utilice hwc-realtime-streaming para actualizaciones de Turbo Stream impulsadas por el servidor, hwc-navigation-content para flujos de paginación/tabulación/navegación diferida que no sean medios, hwc-forms-validation para validación de formularios y comportamiento de edición en línea, hwc-ux-feedback para patrones genéricos de carga/transición y hwc-stimulus-fundamentals para primitivas de estímulo no específicas de medios. Fuente: thehotwireclub/hotwire_club-skills.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/thehotwireclub/hotwire_club-skills --skill hwc-media-content Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

Ver original