hotwire

仓库创建 2026年7月6日最近提交 4 天前SkillHot 收录 3 天前

这个 Skill 做什么

把 Hotwire 的实战用法讲清楚：Turbo 的 Drive/Frames/Streams、页面 morphing，以及 Stimulus 的 controller/action/targets/value 模式，还包括把网页打包成 iOS/Android 原生壳的 Hotwire Native。适合在 Rails、Laravel、Django 或纯 HTML 场景里，实现“无 SPA 的 SPA”局部更新、广播和 WebSocket 实时更新。特点是以 HTML-over-the-wire 思路为首选，按层次逐步升级客户端复杂度。

▸ 展开 SKILL.md 英文原文

Deep reference for the Hotwire stack from the official handbooks — Turbo (Drive, Frames, Streams, morphing page refreshes), Stimulus (controllers, actions, targets, values, outlets), and Hotwire Native (wrap a web app into iOS and Android apps with bridge components and path configuration). Use this skill whenever the user works with Turbo or Stimulus in any backend (Rails, Laravel, Django, Phoenix, plain HTML), mentions turbo-rails, stimulus-rails, @hotwired packages, turbo_frame_tag, turbo_stream, broadcasts, data-controller/data-action/data-*-target attributes, morphing, "SPA-like without a SPA", partial page updates, live updates over WebSockets — or wants a mobile app from their web app: Hotwire Native, Turbo Native, Strada, bridge components, path configuration, WKWebView/ webview wrapper apps, or "turn my Rails app into an iOS/Android app". Pair with the rails-8 skill for Rails integration specifics.

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/fmanimashaun/claude-skills/dev/skills/hotwire/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/fmanimashaun/claude-skills/dev/skills/hotwire/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Hotwire: Turbo, Stimulus & Hotwire Native

Hotwire (HTML Over The Wire) is an approach, not a bundle: send server-rendered
HTML instead of JSON, and keep client-side JavaScript minimal. Three tools,
one escalation ladder — always start at the top:

1. **Turbo Drive** — every app has it for free: links and forms become fetch
   visits, no full page reloads. Zero code.
2. **Morphing page refreshes** — smooth full-page updates that preserve
   scroll/focus; broadcast a "refresh" signal for real-time with almost no
   code.
3. **Turbo Frames** — scope navigation to a page region (inline edit, tabs,
   lazy panels).
4. **Turbo Streams** — surgical CRUD mutations of specific elements, from form

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有