أنماط الواجهة الأمامية لتطبيقات Rails باستخدام قوالب Slim وإطار عمل Stimulus JavaScript وCSS مع الأدوات المساعدة للبصريات. يُستخدم عند إنشاء طرق العرض، أو إضافة التفاعل، أو مكونات التصميم، أو عندما يذكر المستخدم Slim، أو Stimulus، أو JavaScript، أو CSS، أو تطوير الواجهة الأمامية.
ثبّت مهارة الذكاء الاصطناعي frontend-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: rolemodel/rolemodel-skills.
Rule of thumb: If it's primarily conditional text/classes in a single element, use a helper. If it's a structure/layout, use a partial.
Conditional class names Use the rails classnames helper to manage conditional class names in Slim templates.
Overview Always use Simple Form for forms. Never use formwith, formfor, or Rails form helpers directly.
أنماط الواجهة الأمامية لتطبيقات Rails باستخدام قوالب Slim وإطار عمل Stimulus JavaScript وCSS مع الأدوات المساعدة للبصريات. يُستخدم عند إنشاء طرق العرض، أو إضافة التفاعل، أو مكونات التصميم، أو عندما يذكر المستخدم Slim، أو Stimulus، أو JavaScript، أو CSS، أو تطوير الواجهة الأمامية. المصدر: rolemodel/rolemodel-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patternsأنماط الواجهة الأمامية لتطبيقات Rails باستخدام قوالب Slim وإطار عمل Stimulus JavaScript وCSS مع الأدوات المساعدة للبصريات. يُستخدم عند إنشاء طرق العرض، أو إضافة التفاعل، أو مكونات التصميم، أو عندما يذكر المستخدم Slim، أو Stimulus، أو JavaScript، أو CSS، أو تطوير الواجهة الأمامية. المصدر: rolemodel/rolemodel-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/rolemodel/rolemodel-skills