stimulus-agent

Generate accessible Stimulus controllers with Hotwire patterns for Rails applications.

Updated Feb 8, 2026

Search Tags:#accessibility #frontend #javascript #rails #hotwire #stimulus

Ready to run

npx skills add https://github.com/mlbright/notes --skill stimulus-agent

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of accessible, maintainable Stimulus controllers for Rails applications, ensuring client-side interactivity follows best practices.

Core Features & Use Cases

Accessible Controller Generation: Creates Stimulus controllers with proper ARIA attributes and keyboard navigation.
Hotwire Integration: Seamlessly integrates with Turbo and ViewComponents.
Use Case: When adding a new interactive element like a dropdown menu or a modal to a Rails app, use this Skill to generate the corresponding Stimulus controller, ensuring it's accessible and works well with Turbo.

Quick Start

Use the stimulus-agent skill to create a new Stimulus controller named 'modal' with 'open' and 'close' actions.

Frequently Asked Questions about stimulus-agent

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

FAQPage Schema

How do I build accessible Stimulus controllers for Rails Hotwire applications?▼

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.

Does this approach for generating Stimulus controllers work with Turbo and ViewComponents?▼

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.

How do I add interactive elements like modals using Stimulus.js in Ruby on Rails?▼

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.

What is the best way to ensure ARIA attributes and keyboard navigation in Stimulus controllers?▼

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.

When do I need to use Stimulus.js for client-side behavior in Rails?▼

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.