How do I trigger this skill in Claude Code?

You can trigger this skill by using keywords such as 'hotwire', 'stimulus controller', 'turbo frame', or 'rails javascript' during your development session.

How does this skill improve Rails frontend development?

It provides standardized patterns for Hotwire, ensuring that Turbo and Stimulus are implemented according to Rails best practices, which reduces technical debt and improves application performance.

Can I use this for real-time updates?

Yes, the skill includes specific patterns for Turbo Streams, which allow you to broadcast and render real-time changes directly from your Rails models or controllers.

Does it support testing for JavaScript interactions?

Absolutely. It includes patterns for RSpec system specs using Cuprite to ensure your Hotwire and Stimulus logic works correctly in a headless browser environment.

Rails Hotwire & Stimulus Expert

Name: Rails Hotwire & Stimulus Expert
Author: aviflombaum

byaviflombaum

•

개발자 도구

Implements high-performance, reactive frontend interactions in Ruby on Rails using Turbo and Stimulus patterns.

소개

This skill provides Claude with expert-level guidance for implementing the Hotwire stack—Turbo and Stimulus—within Ruby on Rails applications. It streamlines the creation of modern, reactive user interfaces by providing standardized patterns for Turbo Frames, Turbo Streams, and modular Stimulus controllers. By adhering to Rails conventions and best practices, it helps developers build snappy frontend experiences without the complexity of heavy JavaScript frameworks, while ensuring reliability through RSpec system testing and efficient asset management via Import Maps.

주요 기능

Turbo Stream patterns for real-time, server-side DOM manipulation
Modular Stimulus controller scaffolding with proper ERB integration patterns
Robust RSpec system testing patterns using Capybara and Cuprite
30 GitHub stars
Modern AJAX request handling using @rails/request.js conventions
Turbo Frame implementation for seamless partial page updates

사용 사례

Building reusable UI components like modals, toggles, and dropdowns with Stimulus
Implementing real-time dashboard updates and live notifications without full page refreshes
Converting legacy Rails views into reactive interfaces using Turbo Frames and Streams

소개

주요 기능

Turbo Stream patterns for real-time, server-side DOM manipulation
Modular Stimulus controller scaffolding with proper ERB integration patterns
Robust RSpec system testing patterns using Capybara and Cuprite
30 GitHub stars
Modern AJAX request handling using @rails/request.js conventions
Turbo Frame implementation for seamless partial page updates

사용 사례

Building reusable UI components like modals, toggles, and dropdowns with Stimulus
Implementing real-time dashboard updates and live notifications without full page refreshes
Converting legacy Rails views into reactive interfaces using Turbo Frames and Streams