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.

주요 기능

01Turbo Stream patterns for real-time, server-side DOM manipulation

02Modular Stimulus controller scaffolding with proper ERB integration patterns

03Robust RSpec system testing patterns using Capybara and Cuprite

0430 GitHub stars

05Modern AJAX request handling using @rails/request.js conventions

06Turbo Frame implementation for seamless partial page updates

사용 사례

01Building reusable UI components like modals, toggles, and dropdowns with Stimulus

02Implementing real-time dashboard updates and live notifications without full page refreshes

03Converting legacy Rails views into reactive interfaces using Turbo Frames and Streams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aviflombaum/claude-code-in-avinyc hotwire

For use in Claude.ai and ChatGPT

Download Skill