Implements seamless real-time updates and interactive JavaScript behaviors in Ruby on Rails applications using the Hotwire stack.
This skill serves as a comprehensive architectural guide for Ruby on Rails developers looking to build modern, reactive user interfaces without the complexity of a full JavaScript SPA. It provides standardized patterns for Turbo Drive navigation, Turbo Frame partial updates, and Turbo Stream real-time DOM manipulation, alongside best practices for writing modular Stimulus controllers. By integrating this skill, Claude can assist in creating enterprise-grade Rails views that feel snappy and responsive while maintaining the high productivity of server-side rendering and the Rails monolith.
主な機能
012 GitHub stars
02Advanced UI patterns including infinite scroll and auto-submitting forms
03Optimized Turbo Frame implementation for partial page updates and lazy loading
04Performance tuning for Turbo Drive navigation and custom progress indicators
05Modular Stimulus controller patterns for reusable client-side interactivity
06Real-time DOM manipulation using Turbo Streams and WebSocket broadcasting
ユースケース
01Building real-time dashboards or notification systems without full page refreshes
02Creating interactive UI components like modals, dropdowns, and tabs using Stimulus
03Implementing complex multi-step forms and inline editing via Turbo Frames
