أدوات الالتقاط
امنح الذكاء الاصطناعي سياقاً بصرياً دقيقاً. لقطات الشاشة، تحديد العناصر، والصور.
كلما كان السياق البصري الذي تقدمه للذكاء الاصطناعي أكثر دقة، كانت التعديلات أفضل. تأتي Proyecta مزودة بعدة أدوات للالتقاط.
تحديد عنصر (المحرر البصري)
Section titled “تحديد عنصر (المحرر البصري)”في وضع Visual Editor، يصبح كل عنصر في المعاينة قابلاً للنقر. مرّر المؤشر فوق العنصر لتمييزه، ثم انقر لتحديده. يُبرز العنصر المحدد بإطار تراكبي، وتظهر خصائصه القابلة للتعديل (النص، الألوان، المسافات، الخطوط، الحدود، التأثيرات) في لوحة الشريط الجانبي.
بعد تحديد عنصر، يمكنك إما:
- تعديله مباشرة — تغيير الخصائص في مكانها دون كتابة أي prompt
- سؤال الذكاء الاصطناعي عنه — يُمرَّر التحديد كسياق، فيمكنك القول
"اجعل هذا الزر أكبر"أو"انقل هذا القسم فوق الـ hero"ويعرف الذكاء الاصطناعي تماماً ما تقصده
العناصر الديناميكية (مثل classNames المحسوبة، والتصيير الشرطي، والتعبيرات) تنتقل تلقائياً إلى محادثة الذكاء الاصطناعي مع prompt منظّم.
راجع التعديل البصري للاطلاع على القائمة الكاملة للخصائص القابلة للتعديل.
لصق لقطات الشاشة أو سحبها إلى المحادثة
Section titled “لصق لقطات الشاشة أو سحبها إلى المحادثة”يقبل حقل المحادثة الصور مباشرة:
- اللصق — انسخ لقطة شاشة باستخدام اختصار نظام التشغيل لديك (Cmd+Shift+4 على Mac، أو Win+Shift+S على Windows) ثم الصقها في المحادثة
- السحب والإفلات — أفلت أي ملف صورة على حقل المحادثة
الصيغ المدعومة: PNG، JPEG، WebP، GIF، AVIF. الحجم الأقصى: 10 MB لكل صورة.
لقطات شاشة المعاينة
Section titled “لقطات شاشة المعاينة”يستطيع الذكاء الاصطناعي التقاط لقطات شاشة خاصة به من المعاينة في أي وقت عبر أداة preview_screenshot المدمجة. ستظهر نتائج اللقطات مضمّنة في المحادثة. يستدعي الذكاء الاصطناعي هذه الأداة تلقائياً حين يحتاج إلى التحقق من تغييراته أو فهم الحالة الراهنة لتطبيقك.
يمكن لأداة لقطة الشاشة استهداف مسارات محددة (مثل /dashboard و/settings)، كما تلتقط الأبعاد، مما يساعد الذكاء الاصطناعي على الاستدلال حول التخطيط والمسافات.
الأسئلة الشائعة
Section titled “الأسئلة الشائعة”كيف أوجّه الذكاء الاصطناعي نحو زر أو نص معين؟
استخدم وضع Visual Editor وانقر على العنصر. هذا يمرر مرجعاً دقيقاً ومنظماً للذكاء الاصطناعي — وهو أفضل بكثير من وصف العنصر بالكلمات.
قريباً
Section titled “قريباً”أدوات الالتقاط التالية مُنفَّذة داخلياً لكنها لم تُكشَف بعد في واجهة المستخدم:
- التعليق التوضيحي (Annotate) — التقط المعاينة الحالية وارسم عليها أسهماً، ومستطيلات، ودوائر، وخطوطاً حرة، وتسميات نصية قبل إرسالها إلى الذكاء الاصطناعي.
- تسجيل الشاشة (Screen Record) — سجّل تفاعلاً متعدد الخطوات (نقرات، تنقل، رسوم متحركة) وأرفق الإطارات الملتقطة برسالتك في المحادثة. مثالي للأخطاء الحساسة للتوقيت التي لا تستطيع لقطة شاشة واحدة التقاطها.