hwc-media-content

SKILL.md

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

이미지/비디오/오디오 업로드, 미리 보기, 재생 제어, 진행률 추적 및 타사 미디어 통합(예: WaveSurfer, Swiper, Picture-in-Picture, Blurhash) 등 미디어 사용량이 많은 Hotwire 기능을 처리합니다. 핵심 문제가 미디어 렌더링, 재생 상태 또는 미디어 라이브러리 통합인 경우 이 기술을 선호합니다. 서버 푸시 터보 스트림 업데이트에는 hwc-realtime-streaming을 사용하고, 미디어가 아닌 페이지 매김/탭/지연 탐색 흐름에는 hwc-navigation-content를 사용하고, 양식 유효성 검사 및 인라인 편집 동작에는 hwc-forms-validation을 사용하고, 일반 로딩/전환 패턴에는 hwc-ux-feedback을 사용하고, 미디어에 국한되지 않는 Stimulus 기본 요소에는 hwc- 자극 기초를 사용합니다. 출처: 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에서 사용할 수 있습니다

원본 보기