Can I use this skill to implement real-time features?

Yes, the skill includes detailed patterns for Turbo Streams and ActionCable broadcasts, allowing you to push updates from the server to all connected clients instantly.

Is this skill compatible with existing Rails projects?

Yes, the patterns are generic and portable, designed to be integrated into any Rails application using Hotwire, regardless of its specific domain.

What is the primary benefit of using this Hotwire skill?

It provides standardized, production-ready code snippets and architecture patterns that ensure your Rails frontend is performant, maintainable, and utilizes the full power of the Hotwire stack.

How does this handle JavaScript in Rails?

It focuses on Stimulus, a modest JavaScript framework, providing patterns for controllers, targets, and values to keep your client-side logic organized and tied to your HTML.

Does it cover Turbo Drive navigation?

Absolutely. It includes techniques for managing page transitions, disabling Turbo for specific links, and customizing the progress bar.

Hotwire & Turbo Rails Patterns

Name: Hotwire & Turbo Rails Patterns
Author: Kaakati

byKaakati

•

设计工具

Implements modern, reactive Rails interfaces using Turbo Drive, Frames, Streams, and Stimulus controllers.

This skill provides enterprise-grade implementation patterns for building high-performance, single-page-like experiences within Ruby on Rails without the complexity of heavy JavaScript frameworks. It offers standardized guidance on using Turbo Drive for seamless transitions, Turbo Frames for localized content updates, and Turbo Streams for real-time server-side broadcasts, alongside best practices for writing clean, reusable Stimulus controllers. Ideal for developers looking to reduce boilerplate while maintaining a highly interactive user experience.

主要功能

011 GitHub stars

02Turbo Frame strategies for partial page updates and navigation

03Standardized Stimulus controller structures with targets and values

04Real-time DOM manipulation patterns using Turbo Stream broadcasts

05Lazy-loading implementation for improved initial page load performance

06Guidance on breaking out of frames and handling Turbo Drive events

使用场景

01Building real-time collaborative dashboards and notification systems

02Implementing infinite scroll and paginated content without full page reloads

03Creating interactive forms with inline validation and dynamic element updates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kaakati/rails-enterprise-dev hotwire-patterns

For use in Claude.ai and ChatGPT

Download Skill