من معاينة القالب إلى موقع يعمل باستخدام موشن سبيس

اختر التصميم وافحصه

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

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

عرّف الأداة بمشروعك في الرسالة نفسها

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

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

• عرّف المشروع والجمهور الذي تخاطبه.
• أرفق النصوص المعتمدة وبيانات التواصل.
• حدّد توزيع العناصر والحركة المطلوب الحفاظ عليهما.
• اطلب العربية والإنجليزية صراحةً إذا كنت تحتاج إلى كلتيهما.
• اطلب معاينة تعمل على الجهاز الذي تستخدمه الآن.

اجعل المراجعة الأولى محددة

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

عندما تصبح المعاينة جاهزة، افتح الرابط نفسه وقارنها بالتصميم المختار. افحص اقتصاص الصورة الرئيسية والعناوين والمسافات والقائمة وترتيب الأقسام. ثم جرّب التفاصيل العملية: هل تفتح الأزرار الوجهات الصحيحة؟ هل النص كامل ومقروء؟ هل يعمل تبديل اللغة؟ لقطة الشاشة وحدها لا تثبت أن التفاعل يعمل.

اطلب تعديلًا واضحًا في كل مرة

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

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

ميّز بين المعاينة والنشر والتسليم

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

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