Readdy

Readdy هو منشئ مواقع إلكترونية يعمل بالذكاء الاصطناعي عبر المتصفح، يحول الوصف باللغة العادية إلى موقع إلكتروني متكامل ومصمم باحترافية في أقل من دقيقة. تم إطلاقه للجمهور على Product Hunt في 2 أبريل 2025، حيث حصد لقب المنتج الأول لليوم والمنتج الأول للأسبوع، ونما Readdy ليصل إلى أكثر من 500,000 مستخدم مسجل في عامه الأول. تستهدف المنصة المؤسسين غير التقنيين، والمستقلين، والفرق الصغيرة التي تحتاج إلى حضور احترافي على الويب دون الحاجة لتوظيف مصمم أو تعلم استخدام محرر مرئي من الصفر.

تبدأ آلية العمل الأساسية بأمر نصي: صِف ما تريده، ويمكنك اختيارياً إرفاق لقطة شاشة أو لصق رابط مرجعي، وسيقوم Readdy بإنشاء موقع كامل يتضمن التخطيط، والنصوص، والصور، والهيكل المتجاوب. بعد ذلك، يتيح لك "Selector Mode" المرئي النقر على أي عنصر لتعديله. وعندما تكون راضياً عن النتيجة، يمكنك النشر على استضافة Readdy المدارة، أو ربط نطاق مخصص، أو تصدير المشروع بأكمله كحزمة React و Tailwind CSS و TypeScript، مكتملة بملفات تكوين Vite، وجاهزة للتشغيل محلياً باستخدام npm install. يتوفر تصدير Figma في الخطط المدفوعة. كما يوفر Readdy روبوت دردشة مدمج يعمل بالذكاء الاصطناعي يُسمى Readdy Agent، والذي يتولى الإجابة على أسئلة الزوار عبر النصوص والصوت على الموقع المنشور، ويعمل كطبقة لجمع بيانات العملاء المحتملين دون الحاجة إلى اشتراك في روبوت دردشة من جهة خارجية.

ما الذي يقدمه Readdy فعلياً في يونيو 2026

يعمل Readdy بنموذج توليد يعتمد على الأرصدة، حيث يستهلك 25 رصيداً لكل عملية توليد أو تعديل بالذكاء الاصطناعي. توفر الباقة المجانية 250 رصيداً شهرياً، وهو ما يكفي لإنشاء حوالي 10 صفحات كاملة قبل تجديد الخطة. تتراوح الباقات المدفوعة من 30,000 إلى 216,000 رصيد سنوياً، بالإضافة إلى خيارات غير محدودة في مستوى Agency Pro.

تشمل طرق الإدخال الأوامر النصية باللغة الطبيعية، وتحميل لقطات الشاشة (الصق موقع أحد المنافسين أو مرجعاً تصميمياً وسيقوم Readdy بمحاكاة نمط التخطيط)، واستيراد إطارات Figma، واستنساخ الروابط الحالية. يُنتج المولد مواقع متعددة الصفحات، وليس مجرد صفحات هبوط فردية: يتضمن المخرج النموذجي قسماً رئيسياً (hero section)، وقسماً للميزات/الفوائد، وكتلة للتسعير، وقسماً للأسئلة الشائعة، وتذييلاً مع روابط داخلية مناسبة ومجهزة مسبقاً.

يعرض محرر الأكواد المصدر الكامل لـ React/Tailwind/TypeScript. يمكنك إنشاء الملفات وإعادة تسميتها وحذفها، والتعديل مباشرة في المتصفح، ورؤية التغييرات تنعكس في المعاينة المباشرة على الفور. يقوم زر التنزيل بتجميع كل شيء في ملف .zip. يمكنك تشغيل npm install و npm run dev محلياً في VS Code للاختبار، ثم النشر في أي مكان: Vercel، أو Netlify، أو خادم افتراضي خاص (VPS)، أو استضافة Readdy الخاصة. لا يوجد تقييد بمزود خدمة معين على قاعدة الأكواد.

تشمل أدوات تحسين محركات البحث (SEO) المدمجة العناوين الوصفية، والأوصاف الوصفية، وخرائط الموقع وملفات robots.txt المُنشأة تلقائياً، والتكامل مع Google Search Console. تتصل النماذج بـ Supabase لجمع البيانات في الواجهة الخلفية. يتعامل Stripe و Shopify مع المدفوعات. ويتولى Calendly الجدولة. ويتتبع Google Analytics حركة المرور. يتم توفير شهادات SSL تلقائياً لجميع المواقع المستضافة.

"من بين جميع مولدات المواقع بالذكاء الاصطناعي التي اختبرتها، كان Readdy هو الوحيد الذي أبهرني حقاً بجودة تصميمه." - ماوريسيو أمارال، Product Hunt، أبريل 2025

موقع Readdy مقارنة بـ Lovable و Framer

Readdy مقابل Lovable: يقوم Lovable بإنشاء تطبيقات متكاملة (full-stack) متصلة بواجهة خلفية من Supabase، مما يُنتج مسارات مصادقة، ومخططات قواعد بيانات، ومسارات API، ومنتجات قابلة للنشر بحالة مستمرة. يستهدف Lovable المطورين أو المؤسسين التقنيين الذين يبنون منتجاً، وليس مجرد صفحة. بينما يقوم Readdy بإنشاء الواجهة الأمامية فقط: React و Tailwind و TypeScript، دون إنشاء مخططات قواعد بيانات، أو هيكلة نظام مصادقة، أو منطق من جانب الخادم. إذا كنت تبني لوحة تحكم لبرمجيات كخدمة (SaaS)، أو أداة داخلية، أو أي شيء يتطلب تسجيل دخول المستخدمين وتفاعلهم مع البيانات المخزنة، فإن Lovable هو الأداة الصحيحة. أما إذا كنت بحاجة إلى موقع تسويقي مصقول لمنتج SaaS هذا، فإن Readdy يُنشئ طبقة الواجهة الأمامية بشكل أسرع من Lovable مع مظهر مصمم بعناية أكبر منذ البداية.

Readdy مقابل Framer: يُعد Framer أداة تصميم تتمتع بقدرات نشر. يساعد الذكاء الاصطناعي الخاص به في التخطيط واقتراحات المحتوى، لكن سير العمل الأساسي مرئي ويدوي: حيث تقوم بالسحب والترتيب والتحسين بتحكم دقيق على مستوى البكسل. سقف Framer في صقل التصميم أعلى، خاصة لمواقع العلامات التجارية المليئة بالرسوم المتحركة وأعمال معارض الأعمال (البورتفوليو). منحنى التعلم فيه أكثر حدة. يحتوي Framer أيضاً على نظام إدارة محتوى (CMS) مدمج للمحتوى الديناميكي (المدونات، كتالوجات المنتجات) والذي يفتقر إليه Readdy حالياً. يتفوق Readdy على Framer في سرعة الوصول إلى المسودة الأولى وسهولة الاستخدام لغير المصممين: يحصل المؤسس غير التقني على موقع قابل للاستخدام بشكل أسرع على Readdy. يُصدر Framer ملفات HTML ثابتة؛ بينما يُصدر Readdy مشروع React كاملاً. يبدأ Framer من $5/month ولكن ميزات التوليد بالذكاء الاصطناعي تكون مقيدة أكثر في المستوى الأساسي.

Readdy مقابل Durable: يستهدف Durable شركات الخدمات المحلية (السباكين، أطباء الأسنان، المقاولين) مع نظام إدارة علاقات العملاء (CRM) مدمج، وفواتير، ومحرر مواقع بسيط. يُنشئ موقعاً في ثوانٍ ولكن بنطاق تصميم أضيق. لا يُصدر Durable الأكواد. مخرجات تصميم Readdy أكثر تنوعاً وطموحاً من الناحية المرئية، لكن أدوات الأعمال المدمجة في Durable (الفواتير، CRM) تخدم جمهورها بشكل أفضل من نهج Readdy الأكثر شمولية. إذا كنت صاحب عمل خدمي محلي، فقد توفر لك أدوات Durable المجمعة المزيد من الوقت بشكل عام.

الملخص العملي: يقع Readdy في المساحة الفاصلة بين منشئي المواقع بدون كود (Wix، Squarespace) والمولدات المتكاملة (full-stack) مثل Lovable. يتميز بجودة التصميم مع إمكانية تصدير الأكواد، ويعتمد على الأوامر النصية أولاً ولكنه قابل للتعديل مرئياً، وهو سريع ولكنه غير قادر على إنشاء تطبيقات. أقرب منافس له دون أن يكون معادلاً مباشراً هو v0 by Vercel، والذي يُنشئ أيضاً واجهات مستخدم React/Tailwind من الأوامر النصية، لكن v0 يستهدف التوليد على مستوى المكونات للمطورين الذين يدمجونها في قواعد الأكواد الحالية، بينما يُنشئ Readdy مشاريع كاملة على مستوى الموقع مخصصة للنشر المباشر.

"مزيج 'الدردشة بالذكاء الاصطناعي لإنشاء موقع + التصدير ككود/Figma' الخاص بكم هو نقلة نوعية!" - زيبينغ شي، Product Hunt، أبريل 2025

كيف يبدو واقع سير العمل اليومي

أسرع دورة عمل في Readdy هي سباق صفحة الهبوط: يصف المؤسس المنتج، ويُنشئ Readdy صفحة كاملة في أقل من 60 ثانية، ثم يستبدل المؤسس الصورة الرئيسية المُنشأة بالذكاء الاصطناعي بلقطة شاشة حقيقية للمنتج، ويربط نطاقاً من لوحة التحكم، وينشر الموقع. يمثل هذا القوة الحقيقية للمنصة. تؤكد العديد من المراجعات المستقلة أن العملية تعمل كما هو موصوف وأن المخرجات تبدو احترافية دون الحاجة لأعمال تصميم إضافية، بافتراض أنك تستبدل الصور المُنشأة.

تُعد الصور المُنشأة بالذكاء الاصطناعي نقطة احتكاك مستمرة. أشار العديد من المراجعين، بما في ذلك اختبار مقارنة تفصيلي بواسطة icons8، إلى أن الصور المُنشأة تلقائياً في Readdy "تبدو وكأنها جاءت مباشرة من نموذج GAN لعام 2022" بجودة غريبة وقديمة. توليد التخطيط قوي؛ لكن توليد الصور ليس كذلك. يقوم المستخدمون العمليون باستبدال الصور المُنشأة بلقطات شاشة للمنتج، أو صور مخزنة من Unsplash، أو أصول مقدمة من العميل. هذا استبدال لمرة واحدة، وليس مشكلة متكررة، ولكنه يعني أن الصور المُنشأة بالذكاء الاصطناعي لا ينبغي أن تكون المخرج النهائي.

يستخدم سير عمل المستقلين Readdy كمُسرّع للاكتشاف. قم بإنشاء ثلاثة أو أربعة اتجاهات مسودة لعميل في جلسة واحدة، وقم بتصدير كل منها كملف Figma، واعرض خيارات مرئية في أول اجتماع مع العميل بدلاً من الإطارات الشبكية (wireframes) الفارغة. تصدير Figma نظيف بما يكفي للتكرار عليه داخل Figma بشكل أصلي. يفصل هذا خطوة التوليد في Readdy عن استضافة Readdy تماماً، ويعامله كأداة لتوليد التصميم بدلاً من منصة نشر.

يقوم سير عمل المطور بتنزيل ملف .zip لمشروع React/Tailwind/TypeScript الكامل، ويفتحه في VS Code، ويُشغل npm install و npm run dev، ويعامل المخرجات كهيكل أساسي للبناء عليه. يلغي هذا العمل الروتيني للتخطيط مع إبقاء المطور في بيئته المفضلة. الكود المُصدّر نظيف ومنظم جيداً وفقاً للعديد من المراجعات التقنية، وليس كوداً متشابكاً كما هو شائع في العديد من مولدات الأكواد المنخفضة (low-code).

لمن تم بناء Readdy

يعمل Readdy بشكل أفضل عندما يكون الهدف هو موقع تسويقي بدلاً من منتج برمجي. المؤسسون غير التقنيين الذين يحتاجون إلى صفحة هبوط هذا الأسبوع، وليس الشهر المقبل، هم حالة الاستخدام الأساسية. المستقلون الذين يتقاضون أجوراً مقابل أعمال الويب ولكنهم يريدون استعادة الوقت الذي يقضونه في المسودات الأولى. المستشارون الذين يرغبون في إطلاق موقع احترافي لكل ارتباط جديد بسرعة. المشغلون الفرديون: المدربون، وصناع المحتوى، ومقدمو الخدمات الذين لا يمكنهم تبرير تكلفة توظيف مطور لموقع من خمس صفحات. الوكالات الرقمية ذات الحجم الكبير من مواقع العملاء البسيطة التي يمكنها استخدام باقات Agency أو Agency Pro من Readdy مع ميزة العلامة البيضاء (white labeling) لإنتاج المواقع على دفعات بكفاءة أكبر.

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

ما لا يقدمه Readdy

Readdy ليس منشئ تطبيقات. إذا كان المشروع يتضمن حسابات مستخدمين، وتسجيل دخول ومصادقة، وبيانات مخزنة، وأذونات قائمة على الأدوار، أو أي منطق يتجاوز إرسال نموذج إلى بريد إلكتروني أو جدول Supabase، فإن Readdy ليس نقطة البداية الصحيحة. فكر في استخدام Lovable أو Bolt للتوليد المتكامل (full-stack)، أو Webflow إذا كنت بحاجة إلى نظام إدارة محتوى (CMS) جاهز للإنتاج مع تحكم دقيق في التصميم.

لا يُعد Readdy بديلاً لمحرر مرئي ناضج للمشاريع التي تتطلب رسوماً متحركة معقدة، أو تفاعلات مخصصة، أو سلوكاً متجاوباً متقدماً لكل نقطة توقف (breakpoint). يتعامل Framer مع هذه الفئة بشكل أفضل. كما أن Readdy ليس مناسباً للمستخدمين الذين يجرون تعديلات كثيرة على الخطة المجانية: 250 رصيداً شهرياً تختفي بسرعة بمعدل 25 رصيداً لكل عملية توليد، مما يجعل الخطة المجانية مناسبة للتقييم فقط، وليس للاستخدام الإنتاجي المستمر.

هناك نمط موثق من مراجعات الفواتير يستدعي الانتباه المباشر: سجل نظام اشتراك Readdy شكاوى متعددة حول رسوم غير متوقعة، وفشل في تفعيل الخطط بعد التجديد، وسياسة استرداد غير واضحة. أبلغ أحد المستخدمين على Tekpon عن خصم 328 يورو بعد أن اعتقد أنه على خطة شهرية بينما قام النظام بتحويله إلى الفوترة السنوية. إذا كنت تجرب Readdy ببطاقة مسجلة، فراقب إشعارات الفواتير الخاصة بك عن كثب وتحقق من شروط الخطة قبل الترقية.

"اكتشفت مؤخراً Readdy AI على X وأصبحت مدمناً عليه. برزت صفحة هبوط واحدة للأزياء البسيطة، نظيفة وجريئة، مع هذا الطابع المتميز. أحببت الألوان، والرسوم المتحركة الدقيقة، وكل شيء." - @jxt_isreal، X (Twitter)، يوليو 2025