component-library

Generate production-ready React components with shadcn/ui patterns, saving 8-10 hours per project.

مكتبة مكونات React شاملة تحتوي على أكثر من 30 مكونًا جاهزًا للإنتاج باستخدام بنية shadcn/ui ومتغيرات CVA وأساسيات Radix UI وTailwind CSS. يُستخدم عندما يحتاج المستخدمون إلى (1) إنشاء مكونات React UI بأنماط حديثة، (2) إنشاء أنظمة مكونات كاملة بتصميم متسق، (3) تنفيذ مكونات يمكن الوصول إليها وسريعة الاستجابة وجاهزة للوضع الداكن، (4) إنشاء مكونات النموذج باستخدام تكامل React Hook Form، (5) إنشاء مكونات عرض البيانات مثل الجداول أو البطاقات أو المخططات أو (6) إنشاء مكونات التنقل أو التخطيط أو التعليقات. يوفر توليدًا فوريًا للمكونات القابلة للتخصيص والتي قد يستغرق كل منها من 20 إلى 45 دقيقة للترميز اليدوي. المصدر: bbeierle12/skill-mcp-claude.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill component-library بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw