ينفذ أنماط Hotwire مع إطارات Turbo وTurbo Streams ووحدات تحكم التحفيز. يُستخدم عند إنشاء واجهات مستخدم تفاعلية، أو تحديثات في الوقت الفعلي، أو معالجة النماذج، أو تحديثات جزئية للصفحة، أو عندما يذكر المستخدم Turbo أو Stimulus أو Hotwire.
ثبّت مهارة الذكاء الاصطناعي hotwire-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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 |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/thibautbaissac/rails_ai_agents --skill hotwire-patternsينفذ أنماط Hotwire مع إطارات Turbo وTurbo Streams ووحدات تحكم التحفيز. يُستخدم عند إنشاء واجهات مستخدم تفاعلية، أو تحديثات في الوقت الفعلي، أو معالجة النماذج، أو تحديثات جزئية للصفحة، أو عندما يذكر المستخدم Turbo أو Stimulus أو Hotwire. المصدر: thibautbaissac/rails_ai_agents.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/thibautbaissac/rails_ai_agents --skill hotwire-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/thibautbaissac/rails_ai_agents