skills.rest
bastos
bastosCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

hotwire

Deploy Rails 7+ frontends using Turbo Drive, Frames, Streams, and Stimulus.

3|Updated Jan 9, 2026
Search Tags:#frontend#real-time#turbo#rails#reactive#hotwire#stimulus
One-click install
npx skills add https://github.com/bastos/ruby-plugin-marketplace --skill hotwire
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hotwire
Source: https://github.com/bastos/ruby-plugin-marketplace/tree/main/plugins/ruby-on-rails/skills/hotwire
Command: npx skills add https://github.com/bastos/ruby-plugin-marketplace --skill hotwire

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Hotwire provides a way to build modern, reactive Rails frontends without relying on heavy JavaScript frameworks by delivering HTML over the wire and orchestrating client behavior with Turbo and Stimulus.

Core Features & Use Cases

  • Turbo Drive accelerates navigation by fetching and replacing the body while preserving the head, enabling SPA-like speed without a full page reload.
  • Turbo Frames decompose pages into independently updatable sections, reducing complexity and improving perceived performance.
  • Turbo Streams deliver live partial updates via WebSocket, SSE, or HTTP to keep pages in sync with server state.
  • Stimulus provides a lightweight JavaScript framework to sprinkle behavior on server-rendered HTML. Use cases include real-time comments, dashboards, and progressive enhancement of Rails applications with minimal JS.

Quick Start

Install Rails 7+ and Hotwire, then scaffold a simple page to observe Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus in action.

Frequently Asked Questions about hotwire

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build reactive Rails frontends without heavy JavaScript frameworks?▼

Hotwire builds reactive Rails frontends by delivering HTML over the wire and orchestrating client behavior with Turbo and Stimulus, enabling SPA-like speed without heavy JavaScript frameworks.

How do Turbo Frames and Turbo Streams update Rails pages without full reloads?▼

Turbo Frames decompose pages into independently updatable sections, while Turbo Streams deliver live partial updates via WebSocket or HTTP to keep pages in sync with server state without reloading.

Do I need Rails 7 to use Hotwire for real-time updates?▼

Yes, Hotwire is applicable to Rails 7+ projects needing fast navigation, live updates, and SPA-like UX. It provides Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus for reactive frontends.

What is the best way to add real-time updates to a Rails dashboard?▼

The best way to add real-time updates to a Rails dashboard is using Hotwire's Turbo Streams to deliver live partial updates via WebSocket or SSE, keeping the page in sync with server state.

When should I not use Hotwire for my Rails application frontend?▼

You should avoid Hotwire if your project requires heavy, complex client-side JavaScript state management that exceeds the progressive enhancement capabilities of Stimulus and server-rendered HTML.

Can I use Stimulus to add JavaScript behavior to server-rendered Rails HTML?▼

Yes, Stimulus is a lightweight JavaScript framework designed to sprinkle behavior onto server-rendered HTML, providing progressive enhancement for Rails applications with minimal JS.

Related Skills

Explore More Software Engineering Skills→
bastosbastos
3

javascript-in-rails

Configure import maps or bundlers for JavaScript in Rails 7+ apps.

Community
Intermediate
2025Emma2025Emma
22.7k

cryptofeed

Stream real-time cryptocurrency market data from multiple exchanges via WebSocket.

Community
Advanced
sandnapsandnap
6

stimulus

Wire Stimulus controllers to DOM elements via data-controller attributes for declarative interactivity.

Community
Advanced
EntroVyxEntroVyx
3

js-secrets-extraction

Extract hardcoded credentials and API keys from JavaScript bundles and source maps.

Community
Intermediate