تخطَّ إلى المحتوى الرئيسي
ToolPotion
مستشار الذكاء الاصطناعي
إرسال (مجاني)

Magic MCP

يتيح Magic MCP للمطورين البحث عن أكثر من 10,000 مكون من React وTailwind، وتوليد واجهات مستخدم جديدة باستخدام الذكاء الاصطناعي، ونشر مكوناتهم الخاصة مباشرة من محررهم. يتكامل مع أدوات مثل Cursor وClaude Code وWindsurf.

عرض المستودع
مشاركة
عرض المستودع
مشاركة

يعد Magic MCP أداة قوية للمطورين الذين يتطلعون إلى تبسيط عملية تطوير واجهات المستخدم الخاصة بهم. يوفر القدرة على البحث في مكتبة ضخمة تضم أكثر من 10,000 مكون من React وTailwind، مما يمكّن المستخدمين من العثور على الأنسب لمشاريعهم. تستخدم الأداة أيضًا الذكاء الاصطناعي لتوليد مكونات واجهة مستخدم جديدة، مما يسهل على المطورين إنشاء حلول مخصصة دون الحاجة للبدء من الصفر. بالإضافة إلى ذلك، يتيح Magic MCP للمستخدمين نشر مكوناتهم الخاصة مباشرة من محررهم، مما يسهل سير العمل.

قراءة المزيد

تتكامل الأداة مع بيئات التطوير الشائعة مثل Cursor وClaude Code وWindsurf، مما يضمن التوافق مع مجموعة واسعة من الإعدادات. تتيح هذه التكاملات للمطورين الاستفادة من قدرات Magic MCP دون تعطيل سير العمل الحالي لديهم. تعتبر الأداة مفيدة بشكل خاص للفرق التي تعمل على مشاريع كبيرة، حيث يمكن أن تقلل بشكل كبير من الوقت والجهد المطلوبين لتطوير وصيانة مكونات واجهة المستخدم.

تم تصميم Magic MCP ليكون سهل الاستخدام، مع عملية إعداد بسيطة تتيح للمطورين البدء بسرعة. تجعل واجهة الأداة البديهية والوثائق الشاملة الوصول إليها متاحًا لكل من المطورين المبتدئين وذوي الخبرة. من خلال توفير منصة مركزية لإدارة وإنشاء المكونات، يساعد Magic MCP الفرق في الحفاظ على التناسق والجودة عبر مشاريعهم.

بشكل عام، يعد Magic MCP موردًا لا يقدر بثمن للمطورين الذين يسعون لتعزيز إنتاجيتهم وتبسيط عملية تطوير واجهات المستخدم الخاصة بهم. إن مزيج مكتبة المكونات الضخمة، وقدرات التوليد المدعومة بالذكاء الاصطناعي، والتكامل السلس مع بيئات التطوير الشائعة يجعلها أداة لا غنى عنها لفرق التطوير الحديثة.

  • الفئةأدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
  • نموذج التسعيرمفتوح المصدر
  • النشرسحابي
  • المنصاتالويب

  • البحث عن أكثر من 10,000 مكون من React/Tailwind

  • توليد مكونات واجهة مستخدم جديدة باستخدام الذكاء الاصطناعي

  • نشر المكونات مباشرة من المحرر

  • يتكامل مع Cursor وClaude Code وWindsurf

  • واجهة سهلة الاستخدام

  • وثائق شاملة

  • تبسيط عملية تطوير واجهة المستخدم

  • تسهيل إدارة المكونات

  1. استنساخ: قم بتنزيل المستودع من GitHub

  2. تثبيت التبعيات: قم بتشغيل npm install

  3. تكوين: قم بإعداد بيئتك باستخدام ملفات التكوين المقدمة

  4. تنفيذ: ابدأ الأداة باستخدام npm start

  5. تحسين: قم بتخصيص الإعدادات لتناسب احتياجات تطويرك

  • بحث مكونات واجهة المستخدم
  • واجهة مستخدم مولدة بالذكاء الاصطناعي
  • نشر المكونات
  • تكامل التطوير
  • المشاريع الكبيرة

تقييمات Magic MCP

جاري التحميل...

أدوات ذكاء اصطناعي شائعة مثل Magic MCP

OpenIntelligentUI

مستودعات GitHub للذكاء الاصطناعي

OpenIntelligentUI هو إطار عمل مفتوح المصدر لتوليد واجهات المستخدم مصمم لتبسيط تطوير واجهات المستخدم الذكية. يتيح للمطورين المساهمة والتعاون في إنشاء مكونات واجهة مستخدم متقدمة،…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي

المرتبة 99 لـ مصممو تجربة المستخدم

عرض الأداة

مستودعات GitHub للذكاء الاصطناعي

إطار عمل مفتوح المصدر لتوليد واجهات المستخدم مصمم لتبسيط تطوير واجهات المستخدم الذكية. يتيح للمطورين المساهمة والتعاون في إنشاء مكونات واجهة مستخدم متقدمة،…OpenIntelligentUI هو إطار عمل مفتوح المصدر لتوليد واجهات المستخدم مصمم لتبسيط تطوير واجهات المستخدم الذكية. يتيح للمطورين المساهمة والتعاون في إنشاء مكونات واجهة مستخدم متقدمة،…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
المرتبة 99 لـ مصممو تجربة المستخدم

OpenUI

مستودعات GitHub للذكاء الاصطناعي

OpenUI هو معيار مفتوح لواجهات المستخدم التوليدية، مستضاف على GitHub. يهدف إلى توفير إطار عمل لإنشاء مكونات واجهة مستخدم ديناميكية وقابلة للتكيف، مما يسهل التعاون والابتكار في…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
عرض الأداة

مستودعات GitHub للذكاء الاصطناعي

معيار مفتوح لواجهات المستخدم التوليدية، مستضاف على GitHub. يهدف إلى توفير إطار عمل لإنشاء مكونات واجهة مستخدم ديناميكية وقابلة للتكيف، مما يسهل التعاون والابتكار في…OpenUI هو معيار مفتوح لواجهات المستخدم التوليدية، مستضاف على GitHub. يهدف إلى توفير إطار عمل لإنشاء مكونات واجهة مستخدم ديناميكية وقابلة للتكيف، مما يسهل التعاون والابتكار في…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
عرض أفضل 250 من مستودعات GitHub للذكاء الاصطناعي

Toolcraft

مستودعات GitHub للذكاء الاصطناعي

Toolcraft هو مشروع على GitHub يمكّن المستخدمين من بناء تطبيقات التصميم الخاصة بهم باستخدام الذكاء الاصطناعي. يتيح للمطورين المساهمة في تطويره من خلال إنشاء حساب على GitHub، مما…

منشئو التطبيقات بالذكاء الاصطناعي
عرض الأداة

مستودعات GitHub للذكاء الاصطناعي

مشروع على GitHub يمكّن المستخدمين من بناء تطبيقات التصميم الخاصة بهم باستخدام الذكاء الاصطناعي. يتيح للمطورين المساهمة في تطويره من خلال إنشاء حساب على GitHub، مما…Toolcraft هو مشروع على GitHub يمكّن المستخدمين من بناء تطبيقات التصميم الخاصة بهم باستخدام الذكاء الاصطناعي. يتيح للمطورين المساهمة في تطويره من خلال إنشاء حساب على GitHub، مما…

منشئو التطبيقات بالذكاء الاصطناعي
عرض أفضل 250 من مستودعات GitHub للذكاء الاصطناعي

واجهة زيت

مستودعات GitHub للذكاء الاصطناعي

واجهة زيت هي مستودع على GitHub يركز على تطوير مهارات تصميم واجهة المستخدم لوكلاء الذكاء الاصطناعي مثل Claude Code وCodex. يتيح للمستخدمين استكشاف اتجاهات تصميم مختلفة، ومقارنتها…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
عرض الأداة

مستودعات GitHub للذكاء الاصطناعي

مستودع على GitHub يركز على تطوير مهارات تصميم واجهة المستخدم لوكلاء الذكاء الاصطناعي مثل Claude Code وCodex. يتيح للمستخدمين استكشاف اتجاهات تصميم مختلفة، ومقارنتها…واجهة زيت هي مستودع على GitHub يركز على تطوير مهارات تصميم واجهة المستخدم لوكلاء الذكاء الاصطناعي مثل Claude Code وCodex. يتيح للمستخدمين استكشاف اتجاهات تصميم مختلفة، ومقارنتها…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
عرض أفضل 250 من مستودعات GitHub للذكاء الاصطناعي

Flowstep

تطبيقات الذكاء الاصطناعي

Flowstep هو أداة تصميم تعتمد على الذكاء الاصطناعي تقوم بإنشاء واجهات مستخدم جاهزة للإنتاج من نصوص على لوحة غير محدودة. يمكن التكرار عبر الدردشة، ونسخ إلى Figma، وتصدير كود React،…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي

المرتبة 24 في أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي

عرض الأداة

تطبيقات الذكاء الاصطناعي

أداة تصميم تعتمد على الذكاء الاصطناعي تقوم بإنشاء واجهات مستخدم جاهزة للإنتاج من نصوص على لوحة غير محدودة. يمكن التكرار عبر الدردشة، ونسخ إلى Figma، وتصدير كود React،…Flowstep هو أداة تصميم تعتمد على الذكاء الاصطناعي تقوم بإنشاء واجهات مستخدم جاهزة للإنتاج من نصوص على لوحة غير محدودة. يمكن التكرار عبر الدردشة، ونسخ إلى Figma، وتصدير كود React،…

مميزةأدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
المرتبة 24 في أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي

Grok Build

مستودعات GitHub للذكاء الاصطناعي

Grok Build هو وكيل البرمجة من xAI، ويقدم واجهة مستخدم تفاعلية كاملة الشاشة وقابلة للتوسيع مصممة لتبسيط مهام البرمجة وزيادة الإنتاجية للمطورين.

مساعدو البرمجة بالذكاء الاصطناعي

المرتبة 58 في مستودعات GitHub للذكاء الاصطناعي

عرض الأداة

مستودعات GitHub للذكاء الاصطناعي

وكيل البرمجة من xAI، ويقدم واجهة مستخدم تفاعلية كاملة الشاشة وقابلة للتوسيع مصممة لتبسيط مهام البرمجة وزيادة الإنتاجية للمطورين.Grok Build هو وكيل البرمجة من xAI، ويقدم واجهة مستخدم تفاعلية كاملة الشاشة وقابلة للتوسيع مصممة لتبسيط مهام البرمجة وزيادة الإنتاجية للمطورين.

مساعدو البرمجة بالذكاء الاصطناعي
المرتبة 58 في مستودعات GitHub للذكاء الاصطناعي

Figma-Context-MCP

مستودعات GitHub للذكاء الاصطناعي

Figma-Context-MCP هو خادم MCP مصمم لتوفير معلومات تخطيط Figma لوكلاء البرمجة الذكية مثل Cursor. يسهل دمج بيانات التصميم في سير العمل المدفوع بالذكاء الاصطناعي، مما يعزز كفاءة ودقة…

مساعدو البرمجة بالذكاء الاصطناعي
عرض الأداة

مستودعات GitHub للذكاء الاصطناعي

خادم MCP مصمم لتوفير معلومات تخطيط Figma لوكلاء البرمجة الذكية مثل Cursor. يسهل دمج بيانات التصميم في سير العمل المدفوع بالذكاء الاصطناعي، مما يعزز كفاءة ودقة…Figma-Context-MCP هو خادم MCP مصمم لتوفير معلومات تخطيط Figma لوكلاء البرمجة الذكية مثل Cursor. يسهل دمج بيانات التصميم في سير العمل المدفوع بالذكاء الاصطناعي، مما يعزز كفاءة ودقة…

مساعدو البرمجة بالذكاء الاصطناعي
عرض أفضل 250 من مستودعات GitHub للذكاء الاصطناعي

وضع المطور في Figma

تطبيقات الذكاء الاصطناعي

يعمل وضع المطور في Figma على سد الفجوة بين التصميم والتطوير، مما يمكّن من سير العمل السلس من التصميم إلى الكود. يدمج مكونات التصميم مباشرة في قواعد الكود، مما يعزز التعاون…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
عرض الأداة

تطبيقات الذكاء الاصطناعي

يعمل وضع المطور في Figma على سد الفجوة بين التصميم والتطوير، مما يمكّن من سير العمل السلس من التصميم إلى الكود. يدمج مكونات التصميم مباشرة في قواعد الكود، مما يعزز التعاون…

أدوات تصميم واجهة وتجربة المستخدم بالذكاء الاصطناعي
عرض أفضل 250 من تطبيقات الذكاء الاصطناعي
1 من 8