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