form-auto-save
OfficialAuto-save forms with smart debounce.
AuthorRoleModel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Form Auto Save pattern automatically saves form input changes after the user stops typing, reducing server load and preventing data loss on navigation.
Core Features & Use Cases
- Automatic form-saving after changes with a configurable debounce delay.
- Works with standard inputs and rich text editors, including custom components that emit lexxy:change events.
- Preserves form state across page transitions when turbo_permanent is enabled.
Quick Start
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.
Dependency Matrix
Required Modules
@hotwired/stimulus
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: form-auto-save Download link: https://github.com/RoleModel/rolemodel-skills/archive/main.zip#form-auto-save Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.