Refactor StimulusJS controllers to enforce SOLID design and Turbo compatibility.
npx skills add https://github.com/hschne/pi-stuff --skill stimulus-hschne
Please help me install this Agent Skill. Skill: stimulus Source: https://github.com/hschne/pi-stuff/tree/main/skills/stimulus Command: npx skills add https://github.com/hschne/pi-stuff --skill stimulus-hschne
This Skill solves the problem of writing unmaintainable, tightly coupled StimulusJS controllers that ignore framework best practices, leading to technical debt, bugs, and hard-to-debug codebases.
Use the stimulus skill to refactor your existing toggle controller to use the Stimulus Values API instead of hardcoded instance state for managing the active class.
High-intent search queries and answers about installing and using this skill.
To refactor a StimulusJS controller, replace hardcoded instance state with the Stimulus Values API for declarative state management. This ensures maintainable controller architecture and follows Better Stimulus patterns for proper lifecycle handling.
Handling Stimulus controller lifecycle methods for Turbo caching requires implementing proper teardown logic in disconnect methods. This prevents memory leaks and ensures correct DOM interaction when Turbo Drive restores cached pages during navigation.
Tightly coupled Stimulus controller architecture causes debugging issues because it ignores SOLID design principles and framework best practices. Enforcing proper inter-controller communication and declarative event handling resolves these maintainability problems.
Yes, you can integrate third-party JavaScript libraries with Turbo Frames using StimulusJS. Apply correct lifecycle method implementation and Turbo compatibility patterns to manage DOM manipulation and form submission handling seamlessly.
Yes, this approach supports declarative event handling during legacy Stimulus code refactoring. It enforces SOLID design principles and proper Values API usage, transforming tightly coupled controllers into maintainable architecture.
Hardcoded instance state in StimulusJS controllers limits maintainability and breaks Turbo caching support. Without the Values API, controllers fail to follow framework best practices, leading to technical debt and hard-to-debug codebases.
barkleesandersEnforce 37signals/DHH Rails coding conventions for Ruby on Rails development.
ThinkOodleGuide Rails UI development with Turbo Drive, Frames, and Streams.
woweyaIntegrate Turbo Drive, Frames, and Streams into Symfony applications.
geoffjaySecure Sinatra applications against CSRF, XSS, and SQL injection.
