تنفيذ تصميم Figma
التصميم والواجهات
openai
تحويل تصاميم Figma إلى كود واجهات دقيق.
كيفية الحصول على المهارة
مهارة وكيل (Agent Skill) من openai. حمّلها أو استنسخها ثم ثبّتها لدى وكيلك.
الإعداد والتثبيت (Setup & Installation)
- افتح المصدر الرسمي وحمّل ملفات المهارة.
- انسخ مجلد المهارة (الذي يحتوي على
SKILL.md) إلى مجلد مهارات وكيلك، مثل.claude/skills/. - أعد تشغيل/تحميل الوكيل ليكتشف المهارة تلقائياً.
- راجع
SKILL.mdللاطّلاع على أي تعليمات أو متطلّبات خاصة.
إعلان
مقياس AI
مقياس AI يساعد الأفراد والمنظمات على قياس جاهزية الذكاء الاصطناعي، ثم الانتقال من التشخيص إلى خارطة طريق عملية للتبنّي.
ربط تصاميم Figma بالكود وتوليد مكوّنات مطابقة للتصميم مع نظام تصميم منظّم.
المزوّد: Figma
أبرز ما تقدّمه:
• توليد كود من التصميم
• ربط المكوّنات
• أنظمة تصميم
المزوّد: Figma
أبرز ما تقدّمه:
• توليد كود من التصميم
• ربط المكوّنات
• أنظمة تصميم
مهارات ذات صلة
التصميم والواجهات
تصميم الواجهات الأمامية
أدوات تطوير واجهات وتجربة استخدام احترافية.
anthropics
التفاصيل ←
التصميم والواجهات
Stitch: تصميم إلى React
أتمتة تحويل التصميم إلى مكوّنات React عبر حلقة تكرارية.
google-labs-code
التفاصيل ←
التصميم والواجهات
مكوّنات shadcn/ui
بناء واجهات بمكتبة shadcn/ui القابلة للتخصيص.
google-labs-code
التفاصيل ←
التصميم والواجهات
باني الـ Artifacts
إنشاء مكوّنات HTML/React تفاعلية معقّدة.
anthropics
التفاصيل ←