Automatically save form input changes with a configurable debounce delay.
npx skills add https://github.com/RoleModel/rolemodel-skills --skill form-auto-save
Please help me install this Agent Skill. Skill: form-auto-save Source: https://github.com/RoleModel/rolemodel-skills/tree/main/skills/form-auto-save Command: npx skills add https://github.com/RoleModel/rolemodel-skills --skill form-auto-save
The Form Auto Save pattern automatically saves form input changes after the user stops typing, reducing server load and preventing data loss on navigation.
Attach the Stimulus controller to the form element and adjust the debounce time to fit your UX. Example: data-controller="form-auto-save" data-turbo_permanent="true" to preserve state across navigation.
High-intent search queries and answers about installing and using this skill.
To auto-save form inputs, you can use a Stimulus controller that debounces user typing and automatically submits changes to reduce server requests. This prevents data loss during navigation without requiring manual save actions.
Debouncing prevents excessive server requests by delaying the save action until the user stops typing for a configured period. This batches rapid input events into a single automated request rather than triggering on every keystroke.
Yes, you can preserve unsaved form state across page navigation by enabling turbo_permanent on the form element. This keeps the form state intact during page transitions while the auto-save controller syncs changes in the background.
Yes, you need the Stimulus framework to implement this specific auto-save pattern. The Skill provides a Stimulus controller that manages the configurable debounce logic and integrates with Turbo for state persistence.
Auto-saving works with both standard inputs and rich text editors. The controller supports custom components that emit lexxy:change events, allowing debounced saving across diverse form element types.
ChwistopheImplement Hotwire patterns for dynamic UI updates in Rails applications.
mikeyobrienDisplay native macOS notifications with title, message, and optional sound.
udecodeReview JavaScript and Stimulus code for race conditions and DOM lifecycle issues.
HankanmanEnforce explicit button types to prevent unintended form submissions in HTML and React.
