باني الـ Artifacts

التصميم والواجهات anthropics

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

Creating complex interactive HTML/React components.

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

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

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

بناء قِطع ويب تفاعلية معقّدة بـ React داخل بيئة الـ artifacts.

المزوّد: Anthropic

أبرز ما تقدّمه:
• مكوّنات تفاعلية
• HTML/React
• معاينة فورية

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

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

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

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