⚠️
重要前提
安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →
Hotwire实时流式处理指南：Turbo Streams与Stimulus实现推送驱动Web应用
hwc-realtime-streaming by thehotwireclub/hotwire_club-skills
安装命令
npx skills add https://github.com/thehotwireclub/hotwire_club-skills --skill hwc-realtime-streaming🇨🇳中文介绍
实时与流式处理
使用 Turbo Streams 和 Stimulus 实现推送驱动的 Hotwire 行为。
核心工作流程
- 确定传输和交付形式：WebSocket、SSE、内联流标签或服务器响应流。
- 优先选择默认的 Turbo Stream 操作；仅在默认操作不足时添加自定义操作。
- 保持流操作小巧且确定；避免在流负载中嵌入任意脚本。
- 将流编排与领域 UI 关注点（表单、媒体、导航）分离。
- 验证所有实时更新的顺序、幂等性和多标签页行为。
防护准则
- 优先使用
append/prepend/replace/update/remove/before/after/refresh，再考虑自定义操作。 - 保持跨标签页同步明确（使用 BroadcastChannel/localStorage），并将其范围限定在同一设备的语义内。
- 仅在动画能有效提升状态变化清晰度的地方使用视图过渡。
- 验证延迟/乱序消息的故障模式。
选择性加载参考文档
仅打开当前请求所需的文件。
- 内联客户端流标签：
references/2023-08-01-turbo-streams-inline-stream-tags.md - 自定义 Turbo Stream 操作：
references/2023-08-15-turbo-streams-custom-stream-actions.md - 通过自定义操作进行高级播放列表编排：
references/2023-10-10-turbo-streams-custom-stream-actions-video-playlist-management.md
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
