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

•

API Development

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

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.

Key Features

01Real-time UI synchronization using Turbo Streams and ActionCable broadcasting

02Reactive UI components including infinite scrolling, modals, and autosave

03Turbo Frames implementation for seamless, localized page updates

04Standardized configuration for Turbo Drive, morphing, and progress bars

05Custom Stimulus controller generation for sophisticated client-side interactions

0639 GitHub stars

Use Cases

01Implementing real-time dashboard updates and live notifications using model-level broadcasting

02Building complex frontend behaviors like interactive forms with instant validation and dynamic field updates

03Modernizing legacy Rails applications into reactive single-page experiences without using React or Vue

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thebushidocollective/han rails-hotwire

For use in Claude.ai and ChatGPT

Download Skill