إرشادات الخبراء لكتابة وإعادة هيكلة وهيكلة CSS باستخدام منهجية BEM (Block Element Modifier). يوفر اصطلاحات تسمية فئات CSS المناسبة وبنية المكونات وتكامل نظام تصميم البصريات لأوراق أنماط قابلة للصيانة وقابلة للتطوير.
ثبّت مهارة الذكاء الاصطناعي bem-structure بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: rolemodel/rolemodel-skills.
This skill guides AI in writing CSS using the BEM (Block Element Modifier) methodology for creating maintainable, scalable, and reusable stylesheets with clear naming conventions and component structure, while exercising judgment about scope, risk, and architectural impact. It also should use BEM in conjunction with Optics, our RoleModel design system, so that it's not recreating things that already exist. If ther...
The agent should prioritize clarity, predictability, and minimal unintended side effects.
Keywords: CSS review, BEM structure, BEM methodology, CSS best practices, Refactor CSS, Review CSS, Fix my CSS, Fix my BEM, BEM-ify my CSS
إرشادات الخبراء لكتابة وإعادة هيكلة وهيكلة CSS باستخدام منهجية BEM (Block Element Modifier). يوفر اصطلاحات تسمية فئات CSS المناسبة وبنية المكونات وتكامل نظام تصميم البصريات لأوراق أنماط قابلة للصيانة وقابلة للتطوير. المصدر: rolemodel/rolemodel-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structureإرشادات الخبراء لكتابة وإعادة هيكلة وهيكلة CSS باستخدام منهجية BEM (Block Element Modifier). يوفر اصطلاحات تسمية فئات CSS المناسبة وبنية المكونات وتكامل نظام تصميم البصريات لأوراق أنماط قابلة للصيانة وقابلة للتطوير. المصدر: rolemodel/rolemodel-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/rolemodel/rolemodel-skills --skill bem-structure بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/rolemodel/rolemodel-skills