hotwire-turbo-stimulus

What problem does it solve?

AI coding agents default to React or Vue for even simple interactive features in Rails applications, adding unnecessary build pipelines, separate state management, duplicate routing, and API layers. This Skill teaches agents to use Hotwire (Turbo + Stimulus), the Rails 8 default UI stack, to deliver reactive user experiences with server-rendered HTML and minimal JavaScript.

Core Features & Use Cases

• Turbo Primitives: Covers Turbo Drive for SPA-like navigation, Turbo Frames for lazy loading and inline editing of page sections, and Turbo Streams for real-time server-pushed DOM updates.
• Stimulus Controllers: Guides lightweight client-side interactivity for behaviors like show/hide toggles, form field dependencies, and auto-save without a full JavaScript framework.
• Production Best Practices: Includes guidance on morph updates, Action Cable broadcasting with Solid Cable, proper Turbo error handling, and testing patterns for Hotwire interactions.
• Use Case Example: Add a real-time comment feed, inline post editing, or dynamic form validation to a Rails app without writing custom JavaScript or adding a frontend framework.

Quick Start

Use the hotwire-turbo-stimulus skill to add inline post title editing to your Rails show page without creating a separate edit view or writing custom JavaScript.