01 · The Demos

العروض

كل عرض يفتح مباشرة من هنا — والنسخة نفسها تعمل محلياً بلا إنترنت.

أ · المواقع — قالب واحد، ثلاثة عملاء

كل النصوص والأسماء والأرقام في ملف واحد data.js. أما index.html وstyles.css وapp.js فمتطابقة بايت-بايت في النسخ الثلاث — بدّل ملف البيانات، يتحوّل الموقع كله لعميل جديد.

لقطة من نسخة العرض — ورشة عزم ورشة سيارات

«ورشة عزم»

أسماء وأرقام افتراضية بالكامل — النسخة التي تُعرض على الهواء.

افتح الموقع
لقطة من النسخة اليمنية — نادي القوة صالة رياضية · صنعاء

«نادي القوة»

بلد وفئة عمل وعملة مختلفة (15,000 ﷼/شهر) — والذي تغيّر ملف واحد.

افتح الموقع
لقطة من نسخة البورتفوليو الشخصي بورتفوليو شخصي

«عمار الحداد»

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

افتح الموقع

ب · الأتمتة — صور إيصالات ← تقرير عربي

ماذا يفعل العرض

أداة Python تقرأ 8 صور إيصالات وتحوّلها عبر رؤية Gemini إلى تقرير عربي RTL: ملف Excel بأربع أوراق + صفحة ويب بمجاميع حسب المتجر والفئة. المعالجة الحية 5–10 ثوانٍ، ووضع --cached يعيد النتيجة نفسها بلا إنترنت.

افتح التقرير المولَّد نزّل Excel

الإيصالات المدخلة

إيصال مطعم بالريال اليمني إيصال سوبرماركت بالريال اليمني فاتورة صيدلية بالريال السعودي إيصال شحن رصيد

غيّر «التوجيه» فقط، وتستخرج كشوف حضور أو جرد مخازن أو سندات توصيل بالبنية نفسها.

ج · الوسائط المولَّدة — ثلاثة أصول، $2.11

$0.2723 · 30.8s · 1920×1080

أغنية الحروف للأطفال

Lyria غنّى العربية الفصيحة مباشرة — لا حاجة لحيلة «موسيقى + صوت آلي منفصل». 6 صور بأسلوب موحّد، والمونتاج مضبوط على إيقاع الغناء.

الصوت الخام كما خرج من النموذج ($0.04):

$0.6325 · 59.7s · 1080×1920

شورت سد مأرب

6 صور + مقطعان مولَّدان + تعليق عربي مجاني (Gemini TTS) + ترجمة محروقة. الفيديو المدفوع استُخدم فقط حيث الحركة هي الفكرة — لو كانت الصور وحدها لكانت التكلفة $0.31.

$1.0210 · Same prompt · 3 models · 3 prices

سُلّم الأسعار — نفس الأمر النصي على ثلاثة نماذج

بيت يمني تقليدي في صنعاء القديمة، 4 ثوانٍ، 720p. الأغلى أجمل بصرياً لكنه خرج صامتاً وبواجهة أقرب للطراز المغربي؛ الأرخص كان الأكثر التزاماً بالأمر.

google/veo-3.1-lite — $0.2000 · صوت واضح

bytedance/seedance-1-5-pro — $0.2099 · صوت خافت

bytedance/seedance-2.0 — $0.6111 · بلا صوت

الثلاثة جنباً إلى جنب:

د · الشرح المرسوم — بلا نموذج توليد واحد، $0.00

الأصول في «ج» اشترت نفسها من نماذج توليد بـ$2.11. هذا العرض لم يشترِ شيئاً: كل إطار فيه مرسوم بـHTML وCSS داخل المتصفح، ثم جُمِعت الإطارات بـffmpeg.

$0.00 · 3:15 · 1920×1080 · silent

هندسة الأوامر — لوحة تُرسم أمام المشاهد

ثلاث دقائق وربع تبني لوحة واحدة خطوة خطوة: ما هو الـLLM وما ليس هو، ثم Prompt Engineering، ثم التقنيات الخمس واحدة تلو الأخرى، وتنتهي بمقارنة «قبل / بعد». لا شيء يظهر قبل أوانه — كل عنصر يدخل مع الجملة التي تشرحه.

كيف صُنِع: صُمِّم بأداة Open Design — بديل مفتوح المصدر لـClaude Design، شُغِّل عبر اشتراك Claude Code — فخرجت اللوحة وحركتها HTML وCSS، ثم لُقِّطت الإطارات ورُكِّبت في ملف واحد بـffmpeg. لا صورة واحدة ولا لقطة فيديو مولَّدة — ولهذا كلفة التوليد $0.00.

الملف صامت بلا مسار صوتي، والترجمة محروقة على الشاشة. نص التعليق كاملاً بالأسفل — يُقرأ صوتياً على الهواء، أو يُمرَّر لاحقاً إلى نموذج نطق.

نص التعليق كاملاً — عشر فقرات، كما كُتِب

سؤال بسيط: كم مرة سألتَ ChatGPT شيئاً، وحصلتَ على جواب باهت، أو حتى خاطئ؟ المشكلة في الغالب ليست في الأداة. المشكلة في طريقة سؤالك. تعال أشرح لك.

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

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

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

ثانياً: أعطه دوراً. قل له "أنت خبير تسويق"، أو "أنت معلّم أطفال"، أو "أنت مدقق قانوني". الدور يحدد النبرة، والعمق، والمفردات. نموذج بلا دور يجاوبك من المتوسط. نموذج بدور، يجاوبك من الخبرة.

ثالثاً: أرِه أمثلة. لا تشرح له فقط، بل أرِه شكل الناتج الذي تريده. مثال أو اثنان يُعلّمانه أسلوبك، أفضل من عشر جمل شرح. هذه التقنية تُسمى Few-shot، وهي من أقوى ما يوجد.

رابعاً: اطلب منه أن يفكر خطوة خطوة. لأي سؤال معقد، أضف جملة واحدة: "فكّر خطوة خطوة قبل أن تجيب". الجواب يصبح أدق بمراحل، لأنك أعطيته مساحة للتفكير قبل الحسم.

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

لنُقارن: قبل، "اكتب لي منشوراً". بعد، "أنت خبير محتوى ريادة أعمال، اكتب منشوراً لـ LinkedIn، في مئة كلمة، لجمهور شبابي يمني، بنبرة عملية، عن أول عميل ربحته من الذكاء الاصطناعي". الفرق: منشور عام، مقابل منشور يبيع.

Prompt Engineering ليست مهارة تقنية. إنها مهارة تواصل. كلما وصفتَ أكثر، حصلتَ على ذكاء أكثر. اسأل النموذج كما تسأل زميلاً محترفاً، وستفاجأ بالفرق.

02 · Behind the Scenes

الكواليس

الأصول أعلاه لم تخرج نظيفة من أول مرة. هذا ما كلّفته فعلاً، وما فشل فيه.

١ · التكاليف الحقيقية

$0.2723

أغنية الحروف

$0.6325

شورت سد مأرب

$1.0210

سُلّم الأسعار (3 نماذج)

$0.18

مهدور بسبب خطأ برمجي

الإجمالي مُتحقَّق من رصيد المفتاح مباشرة: بدأ عند $4.842588 وانتهى عند $2.737036 ⇒ الإنفاق الفعلي $2.105552 من سقف $3.50 المخصص. المصدر: trials/spend-log.md.

سجل النداءات المدفوعة كاملاً — 21 نداءً، كما سُجّل لحظة حدوثه
الوقتالنموذجثوانٍالأبعادالتقديرالفعليالناتج
08-11 08:22google/lyria-3-clip-preview30–$0.0400$0.0400intro-clip.mp3
08-11 08:23google/gemini-2.5-flash-image–16:9$0.0400$0.0387lightbulb-icon.png
08-11 08:32google/lyria-3-clip-preview30–$0.0400$0.0400letters-v1.mp3
08-11 08:34google/gemini-2.5-flash-image–16:9$0.0400$0.038701-children.png
08-11 08:34google/gemini-2.5-flash-image–16:9$0.0400$0.038702-rabbit.png
08-11 08:35google/gemini-2.5-flash-image–16:9$0.0400$0.038703-duck.png
08-11 08:35google/gemini-2.5-flash-image–16:9$0.0400$0.038704-fox.png
08-11 08:35google/gemini-2.5-flash-image–16:9$0.0400$0.038705-camel.png
08-11 08:35google/gemini-2.5-flash-image–16:9$0.0400$0.038806-horse.png
08-11 08:50google/gemini-2.5-flash-image–9:16$0.0400$0.038801-dam.png
08-11 08:50google/gemini-2.5-flash-image–9:16$0.0400$0.038702-build.png
08-11 08:51google/gemini-2.5-flash-image–9:16$0.0400$0.038703-flood.png
08-11 08:51google/gemini-2.5-flash-image–9:16$0.0400$0.038706-oasis.png
08-11 08:54google/gemini-2.5-flash-image–9:16$0.0400$0.038808-ruin.png
08-11 08:55google/gemini-2.5-flash-image–9:16$0.0400$0.038807-repair.png
08-11 09:00google/veo-3.1-lite6720p$0.1800?*v1-flood.mp4
08-11 09:02google/veo-3.1-lite6720p$0.1800?*v2-channel.mp4
08-11 09:05google/lyria-3-clip-preview30–$0.0400$0.0400bed.mp3
08-11 09:12google/veo-3.1-lite4720p$0.2000?*a-veo-3.1-lite.mp4
08-11 09:13bytedance/seedance-1-5-pro4720p$0.2074?*b-seedance-1-5-pro.mp4
08-11 09:20bytedance/seedance-2.04720p$0.6048?*c-seedance-2.0.mp4

* واجهة الفيديو لا تعيد التكلفة في الاستجابة، لذلك تُحسب من فرق الرصيد أعلاه.

٢ · ما الذي فشل

Font bug

خط Dubai يُسقط كل ألف

نسخة الخط على هذا الجهاز تعرض ا / أ / إ / آ كمربع فارغ ▯. اكتُشف قبل الإنفاق — ولوحة العرض نفسها كانت مضبوطة عليه. الحل: Tahoma وSegoe UI.

$0.18 lost

دفعنا ثمن فيديو ثم فشل تنزيله

video_gen.py كان ينزّل النتيجة من رابط غير موقَّع ← خطأ 401 بعد دفع ثمن التوليد. أُضيف تسجيل رقم المهمة وخيار --recover.

Model lied

النموذج قال إن المقطع «فيه صوت»

Gemini أكّد وجود صوت في مقطع seedance-2.0، والملف بلا أي مسار صوتي. القاعدة بعدها: ffprobe هو الحَكَم.

limit: 0

«المجاني» لم يكن مجانياً

limit: 0 على نماذج الصور الخمسة ونموذجَي Lyria — بوابة فوترة لا خطأ صياغة. المجاني فعلاً: النطق العربي (TTS) وحده.

Copyright filter

الأغلى رفض التوليد ثم سلّم فيديو صامتاً

seedance-2.0 فشل أول مرة بحجة أن الصوت «قد يكون محمياً بحقوق نشر»، ولم ينجح إلا بعد تعطيل الصوت بالكامل.

Smaller stumbles

وثلاث عثرات أصغر

حد TTS المجاني 10 نداءات/دقيقة · مقطع الفيضان ينهار بعد الثانية 3.5 فنُقل ليكون الخطّاف الافتتاحي · صورتان بإطار زخرفي غير مطلوب، قُصّ بالتقريب.

٣ · صور الإثبات

كل ملف نهائي فُحص بـffprobe، ومستوى الصوت بـvolumedetect، والعربية المحروقة بصرياً على إطارات مستخرجة.

إثبات عيب خط Dubai — الألف يظهر مربعاً فارغاً
01 — عيب خط Dubai: الألف مربع فارغ، بينما Tahoma وSegoe UI وArial سليمة
تطابق أسلوب صور الأغنية الست
02 — صور الأغنية: ست صور بأسلوب موحّد
إطارات الأغنية النهائية
03 — إطارات الأغنية: الحروف العربية مرسومة صحيحة فوق الفيديو
تطابق أسلوب صور الشورت الست
04 — صور الشورت: تطابق الأسلوب الوثائقي عبر الصور الست
الترجمة العربية المحروقة في الشورت
05 — ترجمة الشورت: الاتجاه والتشكيل سليمان في الترجمة المحروقة
إطارات من مقطعي الفيديو المولدين
06 — مقطعا الفيديو: الفيضان والقناة
مقارنة النماذج الثلاثة 3×3
07 — مقارنة السُّلّم: ثلاثة إطارات لكل نموذج
شريط المقارنة الجاهز للعرض
08 — شريط المقارنة: اللقطات الثلاث جنباً إلى جنب
03 · The Tools

الأدوات

كل أداة سدّت ثغرة ظهرت أثناء العمل — والنمط المتكرر فيها: حارس إنفاق يرفض أي نداء مدفوع قبل التحقق من الرصيد الحقيقي.

video_gen.py

مولّد الفيديو بسقف إنفاق صارم

تقدير التكلفة ← قراءة الرصيد الحقيقي ← الرفض إن مسّ النداء احتياطي $0.50. وبعد حادثة الـ$0.18: تحقّق من نوع الملف، وتسجيل رقم كل مهمة، و--recover.

media_gen.py

الصوت والصور والموسيقى من أمر واحد

speech نطق عربي مجاني عبر Gemini، وimage وmusic عبر OpenRouter بنفس حارس الإنفاق. عينة النطق:

audio_check.py

أذن آلية للتحقق من الصوتيات

«يستمع» لأي ملف ويجيب عن سؤال محدد — في أي ثانية يُغنّى كل حرف؟ هذه هي التي مكّنت المونتاج على إيقاع الغناء، وقرارها يُقارَن دائماً بـffprobe.

arabic_review.py

مدقق لغوي لكل نص يظهر على الشاشة

37 نصاً روجعت، صُحّح 20 منها — من بينها خطأ حسابي وقع فيه المتحدث نفسه.

make_canvas.py · make_skeleton.py

مولّد لوحة العرض بإرساء RTL

يبني لوحة Excalidraw برمجياً: العمود الفقري على اليمين والمحتوى يتدفق يساراً، بألوان مرمَّزة بالمعنى وخط مضبوط لضغط 720p.

make_font_test.py

فاحص الخطوط العربية

يولّد صورة اختبار لكل خط مرشّح. هذه الأداة هي التي اكتشفت عيب خط Dubai قبل إنفاق أي شيء على مقاطع كانت ستخرج بعربية مدمَّرة.