hotwire-forms
Installation
SKILL.md
Hotwire Forms
Implement form-centric Hotwire workflows with Turbo Frames and Stimulus. This skill covers the full form lifecycle: submission, validation, inline edit, typeahead, autosave, activity indicators, and submit UX.
Core Workflow
Step 1: Identify the Form Flow
| Requirement | Pattern | Reference |
|---|---|---|
| Click-to-edit content in place | Inline edit with Turbo Frames | references/turbo-frames-inline-edit.md |
| Form inside a modal dialog | Modal form with validation | references/turbo-frames-modal-validation.md |
| As-you-type search filtering | Typeahead search | references/turbo-frames-typeahead.md |
| Typeahead with validation/focus | Typeahead search (validation section) | references/turbo-frames-typeahead.md |
| Submit button outside the form | External form controls | references/turbo-frames-external-forms.md |
| Standard form create/update | Form submission lifecycle | references/form-submission-lifecycle.md |
| Dynamic form behavior from data | Stimulus action parameters | references/action-parameters-forms.md |