تخيّل أن تضغط زرًا واحدًا… فيتم إعادة بناء أي موقع أمامك خلال دقائق
تخيّل أن تضغط زرًا واحدًا… فيتم إعادة بناء أي موقع أمامك خلال دقائق
ليس قالبًا… وليس Copy-Paste… بل استنساخ ذكي كامل باستخدام AI Agents.
ما كان يحتاج فريق Frontend كامل + أسابيع من العمل… أصبح الآن تجربة يمكن تنفيذها من جهازك الشخصي.
ظهر مشروع جديد مبني على Claude Code يغيّر طريقة بناء المواقع تمامًا
— ليس عبر التصميم اليدوي، بل عبر فهم الموقع أولًا ثم إعادة إنشائه تلقائيًا.
الفكرة ليست “نسخ موقع”… بل تحليل DNA التصميم نفسه.
كيف يحدث ذلك؟
الأداة تستخدم Chrome MCP لفحص الموقع خطوة بخطوة:
تلتقط Screenshots دقيقة لكل جزء
تستخرج Design Tokens تلقائيًا (الألوان – الخطوط – المسافات)
تقسّم الصفحة إلى React Components منظمة
توظّف AI Agents لبناء كل Component بشكل مستقل
ثم تدمج كل شيء في مشروع جاهز للتطوير خلال دقائق
النتيجة؟
نسخة Pixel-Perfect قريبة جدًا من الأصل
كود React نظيف وقابل للتعديل
نقطة انطلاق احترافية بدل البدء من صفحة فارغة
مهم جدًا:
هذه الأداة لا تُستخدم لسرقة المواقع، بل كوسيلة للتعلّم، Reverse Engineering، أو تسريع بناء منتجاتك الخاصة وStartup MVPs.
لماذا هذا مهم الآن؟
نحن ننتقل من عصر:
“أكتب الكود بنفسك”
إلى عصر:
“دع الذكاء الاصطناعي يفهم التصميم ويبنيه لك”.
وهذا يعني أن مستقبل تطوير الويب سيعتمد أكثر على:
AI Engineering + System Thinking
بدل كتابة الواجهات يدويًا.
إذا كنت مطور Web أو مهتم بالـ AI أو تبني Startup… فهذه الأدوات ستغيّر طريقة عملك خلال السنوات القادمة.
🔗 جرّب المشروع بنفسك:
https://github.com/JCodesMore/ai-website-cloner-template
بالتوفيق
تعليقات
إرسال تعليق