Implementa modelli Hotwire con Turbo Frames, Turbo Streams e controller Stimulus. Da utilizzare durante la creazione di interfacce utente interattive, aggiornamenti in tempo reale, gestione di moduli, aggiornamenti parziali di pagine o quando l'utente menziona Turbo, Stimulus o Hotwire.
Installa rapidamente la skill AI hotwire-patterns nel tuo ambiente di sviluppo tramite riga di comando
Fonte: thibautbaissac/rails_ai_agents.
Hotwire = HTML Over The Wire - Build modern web apps without writing much JavaScript.
| Turbo Drive | SPA-like navigation | Automatic, no code needed | | Turbo Frames | Partial page updates | Inline editing, tabbed content | | Turbo Streams | Real-time DOM updates | Live updates, flash messages | | Stimulus | JavaScript sprinkles | Toggles, forms, interactions |
| Inline edit | Turbo Frame | Scoped replacement | | Form submission | Turbo Stream | Multiple updates | | Real-time feed | Turbo Stream + ActionCable | Push updates | | Toggle visibility | Stimulus | No server needed | | Form validation | Stimulus | Client-side feedback | | Infinite scroll | Turbo Frame + lazy loading | Paginated content |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/thibautbaissac/rails_ai_agents --skill hotwire-patternsImplementa modelli Hotwire con Turbo Frames, Turbo Streams e controller Stimulus. Da utilizzare durante la creazione di interfacce utente interattive, aggiornamenti in tempo reale, gestione di moduli, aggiornamenti parziali di pagine o quando l'utente menziona Turbo, Stimulus o Hotwire. Fonte: thibautbaissac/rails_ai_agents.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/thibautbaissac/rails_ai_agents --skill hotwire-patterns Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/thibautbaissac/rails_ai_agents