skills.rest
mikker
mikkerCOMMUNITY
Explore all skills by this author →
Website𝕏@mikkerGitHub

rails-hotwire

Apply Rails Hotwire best practices across Turbo Drive, Frames, Streams, Morphing, and Stimulus.

102|4|Updated Apr 15, 2009
Search Tags:#rails#hotwire#stimulus#turbo-streams#turbo-frames#turbo-drive#actioncable
One-click install
npx skills add https://github.com/mikker/dotfiles --skill rails-hotwire-mikker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rails-hotwire
Source: https://github.com/mikker/dotfiles/tree/main/agents.symlink/skills/rails-hotwire
Command: npx skills add https://github.com/mikker/dotfiles --skill rails-hotwire-mikker

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a centralized, frontmatter-driven guide to Rails Hotwire best practices, helping teams implement consistent patterns for navigation, partial updates, real-time updates, and Stimulus integration across large Rails apps.

Core Features & Use Cases

  • Defines a catalog of best-practice rules (53 rules across 9 categories) to guide automated refactoring and code generation.
  • Provides action-oriented guidance for Turbo Drive, Turbo Frames, Turbo Streams, Morphing, Stimulus, and ActionCable usage, including data-controller and data-action patterns.
  • Includes a reference section with concrete examples, templates, and cautions to support writing, reviewing, and refactoring Hotwire-powered Rails code.

Quick Start

Apply Rails Hotwire best practices to optimize interactive Rails apps.

Frequently Asked Questions about rails-hotwire

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for implementing Turbo Streams in Rails applications?▼

Rails Hotwire best practices for Turbo Streams involve applying targeted rules for partial page updates and real-time DOM changes. This Skill catalogs 53 rules across 9 categories to guide consistent Turbo Streams implementation and ensure proper data attribute usage.

How do I structure Stimulus controllers and data actions in a Rails app?▼

Structuring Stimulus controllers involves applying established data-controller and data-action patterns. This Skill provides action-oriented guidance and reference templates to standardize Stimulus integration across large Rails applications.

Can I use this to refactor existing Rails Hotwire code?▼

You can use this to refactor Rails Hotwire code by applying its catalog of best-practice rules. It supports writing, reviewing, and refactoring Turbo Drive, Turbo Frames, and Morphing implementations with concrete examples and cautions.

Does this cover integrating ActionCable with Turbo Streams for real-time updates?▼

Yes, this covers ActionCable usage alongside Turbo Streams for real-time updates. It provides action-oriented guidance for integrating ActionCable within Hotwire-powered Rails applications to ensure consistent real-time broadcast patterns.

What are common pitfalls when using Turbo Frames for partial navigation?▼

Common pitfalls when using Turbo Frames include improper frame targeting and navigation scoping. This Skill includes a reference section with concrete cautions to avoid these issues and optimize interactive Rails applications.

Related Skills

Explore More Software Engineering Skills→
JCE-Joshhh77JCE-Joshhh77
16

rails

Automate Rails project tasks from planning to verification.

Community
Advanced
smaller-worldsmaller-world
4

rails-hotwire

Automate building reactive Rails apps with Hotwire, Turbo, and Stimulus.

Official
Intermediate
RoleModelRoleModel
6

action-cable

Set up ActionCable connections, channels, and client consumers in Rails.

Official
Intermediate
ev3rlitev3rlit

templ-htmx

Integrate templ components with HTMX for server-driven interactive UIs.

Community
Intermediate