How does this help with real-time updates?

It provides specific implementation patterns for Turbo Streams, allowing you to broadcast model changes via ActionCable or respond to HTTP requests with precise DOM manipulations.

What components of Hotwire does this skill cover?

This skill covers the entire Hotwire suite, including Turbo (Drive, Frames, and Streams) and Stimulus, along with integration guides for Rails 7+ features like Import Maps.

Does it include Stimulus best practices?

Absolutely. It includes standardized naming conventions, target/value definitions, and action handling to ensure your Stimulus controllers are clean and maintainable.

Can I use this to migrate from a React or Vue frontend?

Yes, this skill provides the patterns needed to replicate SPA-like behavior using server-rendered HTML, making it an excellent resource for simplifying complex frontend stacks.

Hotwire for Rails

Name: Hotwire for Rails
Author: bastos

bybastos

0•

Herramientas de Diseño

Builds reactive, SPA-like Rails 7+ frontends using Turbo and Stimulus without the complexity of heavy JavaScript frameworks.

This skill provides comprehensive guidance for Rails developers to implement modern, reactive web behaviors using the Hotwire stack. It covers the full ecosystem including Turbo Drive for seamless navigation, Turbo Frames for independent page updates, and Turbo Streams for real-time WebSocket broadcasting. Additionally, it offers deep-dive patterns for Stimulus controllers to manage client-side state and interactivity. By focusing on 'HTML over the wire' principles, this skill helps developers maintain business logic on the server while delivering high-performance, progressively enhanced user interfaces compatible with Rails 7 and 8.

Características Principales

010 GitHub stars

02Scoped page updates using Turbo Frame tags and lazy loading

03Implementation patterns for Turbo Drive navigation and progress bars

04Structured Stimulus controller development with targets and values

05Real-time DOM manipulation via Turbo Stream broadcasts

06Asset management guidance using Rails Import Maps

Casos de Uso

01Developing fast, progressively enhanced interfaces with minimal JavaScript overhead

02Building real-time dashboards and notification systems with WebSockets

03Converting legacy Rails forms into reactive components without full page refreshes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bastos/ruby-plugin-marketplace hotwire

For use in Claude.ai and ChatGPT

Download Skill