skills.rest
jcuervo
jcuervoCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/jcuervo/rails-skills --skill rails-hotwire-jcuervo
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
claudcherejiclaudchereji

rails-expert

Develop Rails 8.1 applications with Hotwire/Turbo and Action Cable.

Community
Advanced
ThinkOodleThinkOodle
5

action-cable

Implement real-time features with Action Cable in Rails applications.

Official
Advanced
doncan-orozcodoncan-orozco

design-system

Implement shadcn/ui Radix UI patterns with Phlex components and Tailwind CSS v4.

Community
Advanced
markhamsquareventuresmarkhamsquareventures

inertia

Integrate Link and Form components for React-based Laravel Inertia navigation and handling.

Official
Intermediate