اصنع منشور شرائح Instagram باستخدام Claude Opus 5.5 وCiyo

لماذا نفصل الصور عن النص

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

لذا طلبنا من Ciyo صوراً دون أي نص، مع منطقة فارغة للعنوان الرئيسي، وطلبنا من Opus 5.5 كل ما عدا ذلك.

الخطوة 1: رسوم توضيحية دون نص في Ciyo

في Image Generator (مولّد الصور) في Ciyo اخترنا GPT Image 2.5 Flare، ونسبة 4:5 التي يستخدمها Instagram للمنشورات العمودية، ودقة 2K، وصورتين، مقابل 6 أرصدة. طلب الأمر طاولة مقهى مرئية من الأعلى في النصف السفلي، ومنطقة خضراء سادة في الـ 40% العليا للعنوان الرئيسي، وألوان العلامة، ودون نص.

عادت الصورتان بمقاس 1,792 × 2,240، والمنطقة الخضراء الفارغة في المكان الذي طلبناه، ودون حروف شاردة. ثم غيّرنا مقاسهما إلى 1,080 × 1,350، وهو المقاس العمودي في Instagram.

رسم توضيحي تحريري مسطّح لمنشور شرائح Instagram لمقهى ألعاب الطاولة: طاولة مقهى خشبية مستديرة مرئية من الأعلى مباشرة، عليها رقعة شطرنج، ونردان، ورزمة صغيرة من البطاقات، وفنجانا قهوة، مرتّبة في النصف السفلي. الـ 40% العليا من الصورة منطقة سادة باللون الأخضر الداكن (#1F4D3A) لا شيء فيها، لعنوان رئيسي يُضاف لاحقاً. أخضر داكن، وكريمي (#F3E9D2)، وقليل من الكهرماني الدافئ. أسلوب متجهي مسطّح ونظيف، وظلال ناعمة. دون نص، ودون حروف، ودون أرقام، ودون شعارات.

الخطوة 2: موجز التخطيط لـ Opus 5.5

أرفقنا الرسمين التوضيحيين والشعار، وأعطينا Opus 5.5 الكلمات الدقيقة لكل شريحة، وهامش أمان بعرض 90 بكسلاً، وألوان العلامة الثلاثة: "Make a 4-slide Instagram carousel for Rook & Rabbit … Each slide is 1080 x 1350. Build it as one self-contained HTML file … Keep all text inside a 90 px safe margin, and use only #1F4D3A, #F3E9D2 and #B06A10 for text and shapes." (اصنع منشور شرائح Instagram من 4 شرائح لمقهى Rook & Rabbit … مقاس كل شريحة 1080 x 1350. ابنِه في ملف HTML واحد مكتفٍ بذاته … أبقِ كل النص داخل هامش أمان بعرض 90 px، واستخدم #1F4D3A و#F3E9D2 و#B06A10 فقط للنص والأشكال.) والموجز الكامل، بكلمات كل شريحة، ظاهر في لقطة الشاشة.

ما الذي صنعه Opus 5.5

خلال بضع دقائق أعاد ملف HTML واحداً حجمه 545,178 بايت والصور مضمّنة فيه، ومعاينة للشرائح الأربع كلها. تضع الشريحة 1 عبارة “Saturday Game Night” (أمسية الألعاب يوم السبت) في المنطقة الخضراء الفارغة، وتاريخ البدء داخل شكل كبسولة مُحدَّد الإطار. وترقّم الشريحة 2 الخطوات الثلاث بنرد يُظهر نقطة واحدة ثم نقطتين ثم ثلاث نقاط، فلا يُضاف نص إضافي. وتكبّر الشريحة 3 رمز القلعة والأذنين فوق السعر والوقت. وتضع الشريحة 4 الشعار على بلاطة كريمية بجانب “Book a table” (احجز طاولة).

وفحص عمله بنفسه: عرض كل شريحة، وصغّر رمز القلعة، وأعاد فحص الهوامش، وبحث في الملف عن الألوان. وأخبرنا أيضاً بأمر مفيد: فقد استخدم العرض التجريبي خطاً بديلاً، بينما خط Georgia أعرض، لذا قد تلتف عبارة “Pick a game from our shelf” (اختر لعبة من رفّنا) إلى سطر ثانٍ على بعض الأجهزة.

ما الذي قسناه

عرضنا كل شريحة في Chromium بخط Georgia وقسنا كل سطر من النص. يقع النص كله داخل هامش الـ 90 بكسلاً؛ وأقرب سطر إلى الحافة، “Saturdays 6 pm” (أيام السبت الساعة 6 مساءً)، يمتد من 106 إلى 974 بكسلاً على عرض شريحة يبلغ 1,080 بكسلاً. ويستخدم الملف ألوان العلامة الثلاثة فقط في شيفرته. وكان التحذير في محله: بخط Georgia تلتف عبارة “Pick a game from our shelf” إلى سطرين، فتبقى كلمة “shelf” (رف) وحدها.

تصرّف واحد من عنده: في الشريحة 3، قسم Opus عبارة “Free entry · Saturdays 6 pm” (الدخول مجاني · أيام السبت الساعة 6 مساءً) إلى سطرين، مع النقطة الفاصلة وحدها في سطر بينهما. الكلمات دقيقة؛ أما السطر فليس كذلك. إذا كان يجب أن يبقى السطر كاملاً، فاذكر ذلك في الموجز.

انشره وأعد استخدامه

للنشر، التقط لقطة شاشة بمقاس 1,080 × 1,350 لكل شريحة، أو حوّلها إلى صور PNG، وارفعها بالترتيب. وأصلح الكلمة المعزولة في الشريحة 2 بتقصير الخطوة أو بالسماح بمربع نص أعرض قليلاً.

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

• هل يستطيع Claude Opus 5.5 صنع مواد العلامة التجارية؟
• منشورات الشرائح للشبكات الاجتماعية باستخدام GPT-6 Astra
• اصنع خلفية عرض تقديمي تترك مساحة للعنوان
• Anthropic: تقديم Claude Opus 5.5