Does it support the latest Rails features like morphing?

Yes, the skill includes configurations for Turbo Drive morphing and scroll preservation, ensuring modern, smooth page transitions.

Can I use this to add client-side behavior like modals?

Yes, the skill includes specific patterns for Stimulus controllers to handle client-side logic such as modal dialogs, clipboard interactions, and infinite scrolling.

How does this skill handle real-time updates?

It implements Turbo Streams and ActionCable patterns, enabling Claude to write code that broadcasts DOM changes directly from Rails models to connected clients.

What is Hotwire in the context of this Claude skill?

Hotwire (HTML Over The Wire) is a suite of tools including Turbo and Stimulus. This skill allows Claude to build reactive Rails apps by sending HTML fragments instead of JSON, reducing JavaScript complexity.

Rails Hotwire Development

Name: Rails Hotwire Development
Author: TheBushidoCollective

byTheBushidoCollective

•

Desarrollo de API

Builds reactive, high-performance Ruby on Rails applications using Turbo and Stimulus without complex JavaScript frameworks.

Acerca de

This skill empowers Claude to architect and implement modern Rails interfaces using the Hotwire stack (Turbo and Stimulus). It provides comprehensive patterns for Turbo Frames for partial page updates, Turbo Streams for real-time server-side broadcasts, and Stimulus controllers for client-side interactivity. By focusing on the 'HTML-over-the-wire' philosophy, it allows developers to create SPA-like experiences while maintaining the simplicity of server-side Rails development, covering advanced patterns like infinite scroll, live form validation, and reactive modals.

Características Principales

Real-time UI synchronization using Turbo Streams and ActionCable broadcasting
Reactive UI components including infinite scrolling, modals, and autosave
Turbo Frames implementation for seamless, localized page updates
Standardized configuration for Turbo Drive, morphing, and progress bars
Custom Stimulus controller generation for sophisticated client-side interactions
39 GitHub stars

Casos de Uso

Implementing real-time dashboard updates and live notifications using model-level broadcasting
Building complex frontend behaviors like interactive forms with instant validation and dynamic field updates
Modernizing legacy Rails applications into reactive single-page experiences without using React or Vue

Acerca de

Características Principales

Real-time UI synchronization using Turbo Streams and ActionCable broadcasting
Reactive UI components including infinite scrolling, modals, and autosave
Turbo Frames implementation for seamless, localized page updates
Standardized configuration for Turbo Drive, morphing, and progress bars
Custom Stimulus controller generation for sophisticated client-side interactions
39 GitHub stars

Casos de Uso

Implementing real-time dashboard updates and live notifications using model-level broadcasting
Building complex frontend behaviors like interactive forms with instant validation and dynamic field updates
Modernizing legacy Rails applications into reactive single-page experiences without using React or Vue