Generate accessible Stimulus controllers with Hotwire patterns for Rails applications.
npx skills add https://github.com/mlbright/notes --skill stimulus-agent
Please help me install this Agent Skill. Skill: stimulus-agent Source: https://github.com/mlbright/notes/tree/main/.github/skills/stimulus-agent Command: npx skills add https://github.com/mlbright/notes --skill stimulus-agent
This Skill streamlines the creation of accessible, maintainable Stimulus controllers for Rails applications, ensuring client-side interactivity follows best practices.
Use the stimulus-agent skill to create a new Stimulus controller named 'modal' with 'open' and 'close' actions.
High-intent search queries and answers about installing and using this skill.
To build accessible Stimulus controllers, you generate code adhering to Hotwire patterns that incorporate proper ARIA attributes and keyboard navigation. This ensures client-side interactivity like toggles and form interactions are accessible within Ruby on Rails applications.
Yes, generating Stimulus controllers with this approach seamlessly integrates with Turbo and ViewComponents. It ensures that interactive elements like dropdown menus and modals follow Hotwire patterns and maintain accessibility standards within your Rails application.
You add interactive elements by generating a Stimulus controller with defined targets, values, and actions. For example, creating a 'modal' controller with 'open' and 'close' actions provides the client-side behavior needed for interactivity in Rails.
The best way to ensure proper ARIA attributes and keyboard navigation is to generate controllers that explicitly adhere to accessibility best practices. This guarantees that client-side behaviors like toggles and form interactions are fully accessible to all users.
You need to use Stimulus.js when adding interactive elements such as dropdown menus, modals, or form interactions to a Rails application. It manages client-side behavior by connecting JavaScript to your HTML using targets, values, and actions.
MadBomberEnforce DHH's Ruby and Rails coding style in generated, refactored, and reviewed code.
sandnapWire Stimulus controllers to DOM elements via data-controller attributes for declarative interactivity.
apdarrAdd Hotwire and Stimulus interactivity to Rails views with Importmap.
TwuanMinnBind data to DOM elements to create interactive D3.js visualizations.
