rails-hotwire

Build interactive Rails web applications with Hotwire and Stimulus.

Updated Jun 13, 2026

Search Tags:#Rails #Hotwire #Web development #Interactive UI #Real-time

Ready to run

npx skills add https://github.com/jcuervo/rails-skills --skill rails-hotwire-jcuervo

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: rails-hotwire
Source: https://github.com/jcuervo/rails-skills/tree/main/rails-hotwire
Command: npx skills add https://github.com/jcuervo/rails-skills --skill rails-hotwire-jcuervo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires hotwire, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The rails-hotwire Skill provides a menu-driven approach to building the interactive frontend of a Rails 8.1 app using Hotwire, including Turbo Drive/Frames/Streams, Stimulus controllers, and Action Text for rich text editing.

Core Features & Use Cases

Build Interactive UI: Create full-stack web applications with interactive UI components using Turbo Drive/Frames/Streams and Stimulus controllers.
Use Cases: Ideal for building interactive web apps with Turbo and Stimulus, choosing view layers (ERB, ViewComponent, Phlex), and adding rich text editing with Action Text.
Real-time Updates: Implement live updates to connected clients via Action Cable and Turbo Stream broadcasting.

Quick Start

Generate a full-stack web application with Hotwire features:

rails-hotwire -- create my_hotwire_app

Frequently Asked Questions about rails-hotwire

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

FAQPage Schema

How do I build interactive UI components in a Rails app using Hotwire?▼

You can build interactive UI in Rails using Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus controllers. This combination enables real-time page updates and interactive components without writing heavy custom JavaScript.

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

Add real-time updates to a Rails web application by broadcasting Turbo Streams via Action Cable. This method pushes live changes to connected clients instantly, maintaining interactive UI state without manual WebSocket management.

Can I use Hotwire with different view layers like ViewComponent or Phlex in Rails?▼

Yes, you can use Hotwire with ERB, ViewComponent, and Phlex view layers in Rails. This allows you to choose your preferred view rendering approach while still leveraging Turbo and Stimulus for interactive UI components.

How do I add rich text editing to a Rails application?▼

Add rich text editing to a Rails application using Action Text. It integrates directly with the Hotwire frontend stack to provide a WYSIWYG editor that saves formatted content seamlessly within your interactive web app.

Do I need a specific Rails version to use Turbo Drive and Stimulus controllers?▼

You need an existing Rails project with the Hotwire gem installed to use Turbo Drive and Stimulus controllers. The toolset is specifically intended for building full-stack web applications using Rails 8.1.