Canvas: لوحة معاينة حيّة لكلّ ما يكتبه النموذج

تسلّمك معظم أدوات المحادثة كتلة كود وتتمنّى لك الحظّ. تنسخها إلى محرّر، تحفظ ملفًّا، تفتح متصفّحًا، ترى أنّها خاطئة قليلًا، تعود إلى المحادثة، تلصق الإصلاح، ثمّ تعيد الكرّة. تزيل Canvas كلّ خطوة في تلك الحلقة إلّا الخطوتين اللتين تهمّان: اسأل، وانظر.

ما هي Canvas

حين يحتوي جواب النموذج شيئًا قابلًا للعرض، تُفتح لوحة معاينة بجانب المحادثة وتعرضه حيًّا. يُعرَض HTML كصفحة. يُعرَض SVG كالصورة. تصير كتلة Mermaid المخطّط. يصير Markdown نصًّا منسّقًا. ترى النتيجة لا المصدر، في اللحظة التي ينتهي فيها النموذج من كتابتها.

تبقى المحادثة على اليسار، والمصنوع المعروض على اليمين. تواصل الحديث — «صغّر الترويسة»، «استخدم خلفية أغمق»، «أضف عقدة لمسار إعادة المحاولة» — وتتحدّث المعاينة بينما يراجع النموذج. لا نسخ، لا لصق، لا تطبيق ثانٍ.

أين يثبت جدارته

بضعة أمور يحوّلها من عبء إلى محادثة:

• أقسام صفحات الهبوط و HTML البريد. صِف قسمًا رئيسيًّا، راقبه يُعرَض، اضبط التباعد واللون باللغة العاديّة حتى يبدو صحيحًا. أنت تكرّر على الشيء نفسه، لا على وصف الشيء.
• المخطّطات. اطلب مخطّط تدفّق لمصافحة مصادقة أو مخطّط تسلسل لطلب. يعرضه Mermaid فورًا، و«بدّل هاتين الخطوتين» جملة واحدة بدل إعادة رسم يدويّ.
• الرسوم البيانيّة و SVG. رسوم بيانات سريعة، أيقونات، رسوم توضيحيّة بسيطة. تراها بالحجم الكامل وتنقّحها بالحديث.
• الكتابة الطويلة. يُعرَض Markdown بعناوين وبنية حقيقيّة، فتقرأ المستند بالطريقة التي سيراها بها القارئ، لا محدّقًا في نجمات خامّة.

يعمل مع منتقي النماذج

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

ذلك هو المبدأ نفسه الذي بُني عليه الـ studio كلّه: الشيء المفيد (هنا، مصنوع حيّ) ينتمي إلى محادثتك، لا إلى مجموعة ميزات محصورة خلف جدار نموذج واحد.

كرّر باللغة، وسلّم المصدر

حين تبدو المعاينة صحيحة، يكون المصدر هناك لتأخذه معك — انسخ الـ HTML، صدّر الـ SVG، خذ تعريف الـ Mermaid. ليست Canvas صندوقًا أسود لا يقرؤه سواها؛ إنّها طريق أسرع للوصول إلى مصدر تملكه بالكامل. أجريت التكرار باللغة العاديّة وحصلت على مخرجات جاهزة للإنتاج في النهاية.

ميزة صغيرة بأثر كبير

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