مكوّنات shadcn/ui

التصميم والواجهات google-labs-code

بناء واجهات بمكتبة shadcn/ui القابلة للتخصيص.

Building interfaces with the customizable shadcn/ui library.

كيفية الحصول على المهارة

مهارة وكيل (Agent Skill) من google-labs-code. حمّلها أو استنسخها ثم ثبّتها لدى وكيلك.

فتح المصدر الرسمي ↗ الناشر: google-labs-code

افتح المصدر الرسمي وحمّل ملفات المهارة.
انسخ مجلد المهارة (الذي يحتوي على SKILL.md) إلى مجلد مهارات وكيلك، مثل .claude/skills/.
أعد تشغيل/تحميل الوكيل ليكتشف المهارة تلقائياً.
راجع SKILL.md للاطّلاع على أي تعليمات أو متطلّبات خاصة.

تركيب وتخصيص مكوّنات shadcn/ui لبناء واجهات متّسقة وقابلة للتوسّع.

المزوّد: Google Labs

أبرز ما تقدّمه:
• مكوّنات جاهزة
• تخصيص كامل
• اتّساق بصري

تحويل تصاميم Figma إلى كود واجهات دقيق.

أدوات تطوير واجهات وتجربة استخدام احترافية.

أتمتة تحويل التصميم إلى مكوّنات React عبر حلقة تكرارية.

إنشاء مكوّنات HTML/React تفاعلية معقّدة.