hotwire-patterns
✓Turbo Frames、Turbo Streams、および Stimulus コントローラーを使用して Hotwire パターンを実装します。インタラクティブな UI、リアルタイム更新、フォーム処理、ページの部分更新を構築する場合、またはユーザーが Turbo、Stimulus、または Hotwire について言及する場合に使用します。
SKILL.md
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 |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/thibautbaissac/rails_ai_agents --skill hotwire-patterns- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
hotwire-patterns とは？
Turbo Frames、Turbo Streams、および Stimulus コントローラーを使用して Hotwire パターンを実装します。インタラクティブな UI、リアルタイム更新、フォーム処理、ページの部分更新を構築する場合、またはユーザーが Turbo、Stimulus、または Hotwire について言及する場合に使用します。 ソース: thibautbaissac/rails_ai_agents。
hotwire-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/thibautbaissac/rails_ai_agents --skill hotwire-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/thibautbaissac/rails_ai_agents
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01