خبرة Angular Component Dev Kit (CDK) في إنشاء مكونات مخصصة مع إمكانية الوصول والتراكبات والسحب والإفلات والتمرير الافتراضي والأدوات المساعدة للتخطيط. يُستخدم عند إنشاء مكونات واجهة مستخدم مخصصة، أو تنفيذ ميزات إمكانية الوصول، أو إنشاء تراكبات/مربعات حوار، أو التمرير الظاهري للقوائم الكبيرة، أو استخدام أدوات CDK المساعدة للتخطيطات سريعة الاستجابة.
ثبّت مهارة الذكاء الاصطناعي angular-cdk بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 7spade/black-tortoise.
🎯 Purpose This skill provides comprehensive guidance on the Angular Component Dev Kit (CDK), a set of behavior primitives for building accessible, high-quality Angular components without Material Design styling.
The Angular CDK is a library of unstyled UI component behaviors:
| Overlay not positioning correctly | Check scroll strategy and position preferences | | Virtual scroll not rendering | Ensure itemSize matches actual item height | | Drag & drop not working | Import DragDropModule and use correct directives | | Focus trap not working | Ensure element has focusable children |
خبرة Angular Component Dev Kit (CDK) في إنشاء مكونات مخصصة مع إمكانية الوصول والتراكبات والسحب والإفلات والتمرير الافتراضي والأدوات المساعدة للتخطيط. يُستخدم عند إنشاء مكونات واجهة مستخدم مخصصة، أو تنفيذ ميزات إمكانية الوصول، أو إنشاء تراكبات/مربعات حوار، أو التمرير الظاهري للقوائم الكبيرة، أو استخدام أدوات CDK المساعدة للتخطيطات سريعة الاستجابة. المصدر: 7spade/black-tortoise.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/7spade/black-tortoise --skill angular-cdkخبرة Angular Component Dev Kit (CDK) في إنشاء مكونات مخصصة مع إمكانية الوصول والتراكبات والسحب والإفلات والتمرير الافتراضي والأدوات المساعدة للتخطيط. يُستخدم عند إنشاء مكونات واجهة مستخدم مخصصة، أو تنفيذ ميزات إمكانية الوصول، أو إنشاء تراكبات/مربعات حوار، أو التمرير الظاهري للقوائم الكبيرة، أو استخدام أدوات CDK المساعدة للتخطيطات سريعة الاستجابة. المصدر: 7spade/black-tortoise.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/7spade/black-tortoise --skill angular-cdk بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/7spade/black-tortoise