Stitch: تصميم إلى React
التصميم والواجهات
google-labs-code
أتمتة تحويل التصميم إلى مكوّنات React عبر حلقة تكرارية.
Automating design-to-React component conversion through iterative workflows.
كيفية الحصول على المهارة
مهارة وكيل (Agent Skill) من google-labs-code. حمّلها أو استنسخها ثم ثبّتها لدى وكيلك.
الإعداد والتثبيت (Setup & Installation)
- افتح المصدر الرسمي وحمّل ملفات المهارة.
- انسخ مجلد المهارة (الذي يحتوي على
SKILL.md) إلى مجلد مهارات وكيلك، مثل.claude/skills/. - أعد تشغيل/تحميل الوكيل ليكتشف المهارة تلقائياً.
- راجع
SKILL.mdللاطّلاع على أي تعليمات أو متطلّبات خاصة.
منظومة 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
التفاصيل ←