دليل منهجية Angular + BEM CSS لإنشاء مكونات قابلة لإعادة الاستخدام وكود أمامي قابل للمشاركة. يفرض كتل BEM ذات نطاق المكون، والحد الأقصى للتداخل على مستويين، والتحليل المناسب للمكونات، وتسمية العناصر الدلالية، وأنماط التعديل الصحيحة، والمحددات المسطحة. يُستخدم عند كتابة أنماط المكونات Angular أو مراجعتها أو إعادة هيكلتها. تشغيل المهام التي تتضمن CSS، أو SCSS، أو SASS، أو تصميم المكونات، أو تسمية BEM، أو بنية CSS.
ثبّت مهارة الذكاء الاصطناعي angular-css-bem-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: develite98/angular-best-practices.
A methodology guide for combining Angular's component architecture with BEM (Block Element Modifier) CSS naming convention to create reusable components and enable code sharing in front-end development. Contains 6 rules with bad/good examples in CSS, SCSS, and SASS.
| 1 | Block = Component Selector | CRITICAL | bem-block-selector | | 2 | Max 2 Levels of Nesting | CRITICAL | bem-max-nesting | | 3 | Split Child Components | CRITICAL | bem-split-components | | 4 | Element Naming Conventions | HIGH | bem-element-naming | | 5 | Modifier Patterns | HIGH | bem-modifier-patterns |
| 6 | No Cascading Selectors | HIGH | bem-no-cascading |
دليل منهجية Angular + BEM CSS لإنشاء مكونات قابلة لإعادة الاستخدام وكود أمامي قابل للمشاركة. يفرض كتل BEM ذات نطاق المكون، والحد الأقصى للتداخل على مستويين، والتحليل المناسب للمكونات، وتسمية العناصر الدلالية، وأنماط التعديل الصحيحة، والمحددات المسطحة. يُستخدم عند كتابة أنماط المكونات Angular أو مراجعتها أو إعادة هيكلتها. تشغيل المهام التي تتضمن CSS، أو SCSS، أو SASS، أو تصميم المكونات، أو تسمية BEM، أو بنية CSS. المصدر: develite98/angular-best-practices.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/develite98/angular-best-practices --skill angular-css-bem-best-practicesدليل منهجية Angular + BEM CSS لإنشاء مكونات قابلة لإعادة الاستخدام وكود أمامي قابل للمشاركة. يفرض كتل BEM ذات نطاق المكون، والحد الأقصى للتداخل على مستويين، والتحليل المناسب للمكونات، وتسمية العناصر الدلالية، وأنماط التعديل الصحيحة، والمحددات المسطحة. يُستخدم عند كتابة أنماط المكونات Angular أو مراجعتها أو إعادة هيكلتها. تشغيل المهام التي تتضمن CSS، أو SCSS، أو SASS، أو تصميم المكونات، أو تسمية BEM، أو بنية CSS. المصدر: develite98/angular-best-practices.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/develite98/angular-best-practices --skill angular-css-bem-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/develite98/angular-best-practices