Implement dynamic form updates using Turbo Streams and Stimulus. Use when forms need to update fields based on user selections without full page reloads, such as cascading dropdowns, conditional fields, or dynamic option lists.
Quickly install turbo-fetch AI skill to your development environment via command line
Source: rolemodel/rolemodel-skills.
This skill documents the turbo fetch pattern for dynamically updating form fields based on user input using Turbo Streams and Stimulus.
The turbofetchcontroller.js should exist at app/javascript/controllers/turbofetchcontroller.js:
Pattern 1: Dependent Dropdown When selecting a type, update available options in another field:
Implement dynamic form updates using Turbo Streams and Stimulus. Use when forms need to update fields based on user selections without full page reloads, such as cascading dropdowns, conditional fields, or dynamic option lists. Source: rolemodel/rolemodel-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetchImplement dynamic form updates using Turbo Streams and Stimulus. Use when forms need to update fields based on user selections without full page reloads, such as cascading dropdowns, conditional fields, or dynamic option lists. Source: rolemodel/rolemodel-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetch Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/rolemodel/rolemodel-skills