تنفيذ تحديثات النموذج الديناميكي باستخدام Turbo Streams وStimulus. يُستخدم عندما تحتاج النماذج إلى تحديث الحقول بناءً على تحديدات المستخدم دون إعادة تحميل الصفحة بالكامل، مثل القوائم المنسدلة المتتالية، أو الحقول الشرطية، أو قوائم الخيارات الديناميكية.
ثبّت مهارة الذكاء الاصطناعي turbo-fetch بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: rolemodel/rolemodel-skills.
This skill documents the turbo fetch pattern for dynamically updating form fields based on user input using Turbo Streams and Stimulus.
The turbofetchcontroller.js should exist at app/javascript/controllers/turbofetchcontroller.js:
Pattern 1: Dependent Dropdown When selecting a type, update available options in another field:
تنفيذ تحديثات النموذج الديناميكي باستخدام Turbo Streams وStimulus. يُستخدم عندما تحتاج النماذج إلى تحديث الحقول بناءً على تحديدات المستخدم دون إعادة تحميل الصفحة بالكامل، مثل القوائم المنسدلة المتتالية، أو الحقول الشرطية، أو قوائم الخيارات الديناميكية. المصدر: rolemodel/rolemodel-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetchتنفيذ تحديثات النموذج الديناميكي باستخدام Turbo Streams وStimulus. يُستخدم عندما تحتاج النماذج إلى تحديث الحقول بناءً على تحديدات المستخدم دون إعادة تحميل الصفحة بالكامل، مثل القوائم المنسدلة المتتالية، أو الحقول الشرطية، أو قوائم الخيارات الديناميكية. المصدر: rolemodel/rolemodel-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetch بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/rolemodel/rolemodel-skills