كود حقيقي، ليس لقطات
HTML وCSS وJavaScript — لك
كل صفحة ملف حقيقي. حمّله، عدّله، سلّمه لمهندس. لا محرر مغلق، ولا رسوم تصدير.
<section class="hero"> <h1>Stories in light.</h1></section>
Genspark Build — Preview
AI Website Builder ينشر موقعك فعلًا.
أنشئ موقعك الاحترافي بالذكاء الاصطناعي في دقائق. اكتب ما تريد، يكتب الذكاء الاصطناعي الكود أمامك، ويحدّث المعاينة الحية عند كل ملف، وبعد دقائق يصبح لديك موقع حقيقي جاهز للنشر.
ابدأ من قالب:
هكذا تشعر أثناء البناء
ورشة العمل كلها تدور حول البرومبت
الدردشة على اليسار، معاينة حية في المنتصف، الملفات على اليمين. اكتب، راقب العرض، وتابع.
genspark.ai/agents?type=build_preview
Chat
بورتفوليو تحريري داكن لمصورة مستقلة. خمسة أقسام، طباعة دافئة.
أكتب `index.html`، `about.html`، `/assets/styles.css`. أضيف تأثير حبيبات الفيلم على الهيرو…
أكتب الملفات
المعاينةyoursite.pages.dev
Freelance photography
Stories in light.
الملفات
- index.html
- about.html
- work.html
- contact.html
- assets/styles.css
- assets/film-grain.svg
لماذا Genspark Build
ليس مجرد مولّد يطلق لك نموذجًا أوليًا.
هذا يكتب ملفات حقيقية، ويُشغّل معاينة حية، ويتيح لك نشر الناتج.
يعمل بـ Claude
Claude Opus 4.7 في القلب
Claude يخطط للموقع، يكتب الملفات، ويُصلح أخطاءه بنفسه حين تبدو المعاينة غريبة.
متعدد الصفحات
مواقع كاملة، لا صفحة واحدة
الرئيسية، من نحن، الأعمال، الأسعار، التواصل. كلها تُولَّد معًا. التنقّل يبقى متزامنًا، ونظام التصميم يمتد عبر كل صفحة.
معاينة حية
شاهد العرض ملفًا بعد ملف
المعاينة تتحدث لحظة كتابة الملف. لا خطوة بناء تنتظرها. حالات الـ hover والحركات ونقاط التوقف التجاوبية تعمل مباشرة.
نشر بنقرة
انشر على Cloudflare Pages
اضغط Build it. يرفع Genspark النموذج الأولي إلى مشروع كامل، يربط Cloudflare Pages، ويمنحك رابطًا عامًا.
والتطبيقات أيضًا
مواقع اليوم، تطبيقات موبايل على نفس اللوحة
بدّل الهدف من موقع إلى تطبيق. تتحول اللوحة إلى إطار iPhone، ويمنحك Build it مشروع Flutter بكود Dart.
ابدأ من برومبت مُجرَّب
ما الذي يبنيه الناس
هذه برومبتات البداية الحقيقية داخل Genspark Build. اضغط واحدًا ودع الذكاء الاصطناعي يتابع.
من البرومبت إلى الإنتاج
أربع خطوات، بدون خط بناء، وبدون منحنى تعلم.
01
صف
اكتب ما تريد في جملة أو فقرة. إن كان هناك غموض، يسألك الذكاء الاصطناعي بدلًا من التخمين.
02
عاين
تظهر الملفات في الشجرة وتعرضها المعاينة. تستطيع تجربة الحركات ونقاط التوقف بالماوس أثناء كتابة الكود.
03
حسّن
اختر أي عنصر على اللوحة وعدّله inline، أو اطلب من الذكاء الاصطناعي إعادة صياغة قسم. تغييرات الستايل تسري على كل الصفحات.
04
انشر
اضغط Build it. يصير النموذج الأولي مشروع Cloudflare Pages كاملًا برابط عام يمكنك مشاركته فورًا.
هدفان، لوحة واحدة
مواقع اليوم. أو بدّل الهدف، ونفس البرومبت يخرج تطبيقًا للموبايل.
اللوحة تعرض معاينة الهدفين — واحدة في المتصفح، وأخرى في إطار هاتف. اختر واحدة ويسلّمك Build it المشروع المناسب.
الهدف: موقع
HTML / CSS / JS على Cloudflare Pages
- iframe بنفس النطاق لتتطابق المعاينة مع الإنتاج
- روابط معاينة موقّعة — لا يفتحها إلا من يستلم الرابط
- نشر إلى Cloudflare Pages عبر handoff من Build it
الهدف: تطبيق
مشروع Flutter مع معاينة iPhone حية
- معاينة في إطار iPhone مباشرة على اللوحة
- كود Dart وFlutter حقيقي، ليس نموذجًا
- handoff إلى مشروع Flutter كامل لمواصلة العمل
مقابل مُنشئ المواقع الذي تعرفه
ما أصابه جيل AI website builders الجديد
مُنشئ drag-and-drop
Genspark Build
نقطة البداية
تصفح 800 قالب
جملة واحدة بلغتك
المخرجات
كتل مغلقة بملكية خاصة
ملفات HTML / CSS / JS قابلة للتعديل
مواقع متعددة الصفحات
تضيف كل صفحة بنفسك
تُولَّد معًا، والتنقل متزامن
التكرار
اسحب، أفلت، اسحب، أفلت
تطلب في الدردشة، الموقع يتحدّث
الاستضافة
مقيّدة بمضيفهم، وغالبًا مدفوعة
Cloudflare Pages أو خادمك الخاص
دعم تطبيق موبايل
غالبًا لا شيء
بدّل الهدف → تطبيق Flutter
الأسئلة الشائعة
كيف يعمل AI website builder فعليًا؟
تصف الموقع في لوحة الدردشة. يخطط Claude Opus 4.7 للصفحات ويكتب الكود؛ وإطار المعاينة يعرض كل ملف فور وصوله. حين تقتنع، اضغط Build it ليحزم Genspark كل شيء في مشروع Cloudflare Pages برابط عام. لا حاجة لأي أدوات بناء محلية.
هل Genspark Build مجاني؟
يمكنك تجربة Genspark Build ومعاينة الموقع مجانًا. التوليد المستمر وخطوة النشر عبر Build it داخل باقتي Genspark Plus وPro. لا يوجد عرض مجاني غير محدود — كل عملية بناء تستهلك موارد حقيقية.
هل هذا AI website builder أم AI website generator؟
كلاهما. Genspark Build يولّد الموقع من برومبت ثم يتابع العمل على نفس الملفات أثناء التكرار. الفارق القديم بين builder وgenerator يذوب حين يكون الكود حيًا أمامك.
هل يمكنني نشر الموقع على نطاقي الخاص؟
نعم. ينشئ Build it عملية نشر Cloudflare Pages برابط عام فورًا، ويمكنك توجيه نطاق خاص إلى هذا النشر. إن فضّلت الاستضافة في مكان آخر، حمّل المشروع — كود ويب قياسي تقدّمه من أي خادم.
أي نوع من المواقع يمكنني إنشاؤه؟
صفحات هبوط، صفحات SaaS، بورتفوليو، صفحات أسعار، لوحات، تدفقات تسجيل، عروض داخلية، شاشات onboarding. برومبتات البدء أعلاه ليست نماذج — يولّد Genspark Build كل واحد منها من البداية للنهاية.
هل يمكنه بناء تطبيق موبايل أيضًا؟
نعم. بدّل الهدف من موقع إلى تطبيق. تتحول اللوحة إلى إطار iPhone، يكتب الذكاء الاصطناعي كود Dart وFlutter، ويسلّمك Build it مشروع Flutter كاملاً بدل Cloudflare Pages.
هل أملك الكود الذي يكتبه الذكاء الاصطناعي؟
نعم. حمّله، عدّله، اعمل fork له، سلّمه لمهندس. لا يوجد محرر مغلق يحتجز الكود ولا رسوم تصدير.
ما الفرق بينه وبين Wix وSquarespace أو غيرها من مُنشئي المواقع؟
المُنشئون التقليديون يعطونك كتلًا لتسحبها. Genspark Build يعطيك صندوق دردشة. تصف الموقع، يكتب الذكاء الاصطناعي الكود، وتحسّنه بالكتابة. ما يخرج كود حقيقي يخصّك أنت.
اكتشف أدوات أخرى
الكتابة والمحتوى
التصميم والعناصر المرئية
مولد الصور بالذكاء الاصطناعيمحرر صور AIمولّد الصور الرمزية بالذكاء الاصطناعيمولد الصور الشخصية الاحترافية بالذكاء الاصطناعيتصميم داخلي بالذكاء الاصطناعيصور تلوين بالذكاء الاصطناعيGPT Image 2تحسين جودة الصور بالذكاء الاصطناعيمولد أنمي بالذكاء الاصطناعيمولد التصميم بالذكاء الاصطناعيمنشئ الإنفوجرافيك بالذكاء الاصطناعيصانع المنشورات بالذكاء الاصطناعيصانع الدعوات بالذكاء الاصطناعيتصميم قائمة طعام بالذكاء الاصطناعي
الصوت والفيديو
الأعمال والإنتاجية
صانع عروض تقديمية AIمنشئ Pitch Deck بالذكاء الاصطناعيمنشئ الفواتير بالذكاء الاصطناعيمنشئ المقترحات بالذكاء الاصطناعيمنشئ السيرة الذاتية بالذكاء الاصطناعيمنشئ التقارير بالذكاء الاصطناعيمنشئ الجداول الزمنية بالذكاء الاصطناعيمنشئ الشعارات بالذكاء الاصطناعيملخص PDF بالذكاء الاصطناعيمولّد البريد الإلكتروني بالذكاء الاصطناعيمحول Word إلى PPTتحويل PDF إلى PPTتحويل النص إلى PowerPoint بالذكاء الاصطناعيمكالمات هاتفية بالذكاء الاصطناعيأدوات تحليل السوق