pproenca avatar

Rails Hotwire

A comprehensive rule set covering the full Hotwire stack: Turbo Drive navigation, Frames for partial updates, Streams for surgical DOM changes, real-time broadcasting over ActionCable, and Turbo 8's morphing. Organized into 53 rules across 9 categories, from critical navigation patterns to testing strategies. The guidance is opinionated in the DHH direction: server renders HTML, Turbo makes it feel like an SPA, Stimulus adds JavaScript sparingly. Useful when you're deep in frame scoping decisions, debugging broadcast storms, or choosing between morphing and stream orchestration. The priority system helps focus on what actually breaks user experience versus nice-to-haves.

skills.sh installs
380
GitHub stars
222
last updated
Aug 21, 2026

Install

$ npx -y skills add pproenca/dot-skills --skill rails-hotwire --agent claude-code

Installs into .claude/skills of the current project.

Files

Community Rails Hotwire Best Practices

Comprehensive guide for building interactive Rails applications with Hotwire (Turbo + Stimulus), maintained by Community. Contains 53 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation. Follows the DHH "One Person Framework" philosophy: the server renders HTML, Turbo makes it feel like an SPA, Stimulus adds the sprinkle of JS where needed.

When to Apply

Reference these guidelines when:

  • Configuring Turbo Drive navigation, prefetching, and caching behavior
  • Adding Turbo Frames for partial page updates and lazy loading
  • Delivering Turbo Streams for surgical DOM mutations
  • Broadcasting real-time updates over ActionCable
  • Enabling Turbo 8 morphing for page refreshes
  • Writing Stimulus controllers for client-side behavior
  • Handling errors in Turbo navigation, frames, and WebSocket connections
  • Choosing between Drive, Frames, Streams, Morphing, and Stimulus
  • Testing Hotwire interactions in system and integration tests

Rule Categories by Priority

Sponsors

Details

Repository
github.com/pproenca/dot-skills
Categories
Testing & QA, Documentation, Code Review & Quality, Release Management, Debugging, Design & UI/UX
First seen
Jun 3, 2026

More from pproenca/dot-skills

All 100
1galaxy-dawn avatardoc-coauthoringgalaxy-dawn/claude-scholarThis skill should be used when the user asks to co-author documentation, draft a proposal, write a technical spec, create a decision doc or RFC, or structure a 377skills.sh installs
2pmprompt avataropportunity-solution-treespmprompt/claude-plugin-product-managementUse when asked to "opportunity solution tree", "OST", "Teresa Torres", "map customer opportunities to outcomes", "structure discovery around opportunities", or 376skills.sh installs
3levnikolaevich avatarln-780-bootstrap-verifierlevnikolaevich/claude-code-skillsVerifies bootstrapped projects via build, test, and container health checks. Use when validating project setup completeness.375skills.sh installs
4kernel avatarkernel-python-sdkkernel/skillsBuild and debug Python browser automation with the Kernel SDK, including browser lifecycle, server-side Playwright, CDP, profiles, proxies, and reliable cleanup373skills.sh installs
5levnikolaevich avatarln-740-quality-setuplevnikolaevich/claude-code-skillsSets up linters, pre-commit hooks, and test infrastructure. Use when adding code quality tooling to a project.372skills.sh installs
6zzci avatarpma-rustzzci/skillsProduction-grade Rust acceptance baseline for PMA-managed Rust services and CLIs. Use with /pma when creating, reviewing, or upgrading Rust workspaces, Axum/Tok372skills.sh installs