رفتن به محتوا

ابزارهای Capture

به هوش مصنوعی زمینه بصری دقیق بدهید. اسکرین‌شات، انتخاب عنصر، و تصاویر.

هرچه زمینه بصری دقیق‌تری به هوش مصنوعی بدهید، ویرایش‌هایش بهتر خواهد بود. Proyecta چندین ابزار capture ارائه می‌دهد.

انتخاب یک عنصر (Visual Editor)

Section titled “انتخاب یک عنصر (Visual Editor)”

در حالت Visual Editor، هر عنصر در پیش‌نمایش قابل کلیک می‌شود. برای هایلایت کردن روی آن هاور کنید و برای انتخاب، روی آن کلیک کنید. عنصر انتخاب‌شده با یک overlay هایلایت می‌شود و ویژگی‌های قابل ویرایش آن (متن، رنگ‌ها، فاصله‌گذاری، فونت‌ها، حاشیه‌ها، افکت‌ها) در پنل کناری نمایش داده می‌شوند.

پس از انتخاب یک عنصر، می‌توانید:

  • آن را مستقیماً ویرایش کنید — ویژگی‌ها را بدون نوشتن هیچ prompt‌ای به‌صورت inline تغییر دهید
  • از هوش مصنوعی درباره‌اش بپرسید — انتخاب به عنوان زمینه ارسال می‌شود تا بتوانید بگویید "این دکمه را بزرگ‌تر کن" یا "این بخش را بالای hero جابجا کن" و هوش مصنوعی دقیقاً منظورتان را بفهمد

عناصر داینامیک (className‌های محاسبه‌شده، رندرینگ شرطی، expression‌ها) به‌طور خودکار با یک prompt ساختاریافته به چت هوش مصنوعی بازمی‌گردند.

برای مشاهده فهرست کامل ویژگی‌های قابل ویرایش، Visual Edit را ببینید.

چسباندن یا کشیدن اسکرین‌شات به چت

Section titled “چسباندن یا کشیدن اسکرین‌شات به چت”

ورودی چت مستقیماً تصاویر را می‌پذیرد:

  1. Paste — با میانبر سیستم‌عاملتان اسکرین‌شات بگیرید (Cmd+Shift+4 در Mac، Win+Shift+S در Windows) و در چت paste کنید
  2. Drag — هر فایل تصویری را روی ورودی چت رها کنید

فرمت‌های پشتیبانی‌شده: PNG، JPEG، WebP، GIF، AVIF. حداکثر حجم: ۱۰ مگابایت به ازای هر تصویر.

اسکرین‌شات‌های پیش‌نمایش

Section titled “اسکرین‌شات‌های پیش‌نمایش”

هوش مصنوعی می‌تواند در هر زمانی از طریق ابزار داخلی preview_screenshot از پیش‌نمایش شما اسکرین‌شات بگیرد. نتایج اسکرین‌شات را به‌صورت inline در چت خواهید دید. هوش مصنوعی این کار را به‌طور خودکار انجام می‌دهد؛ هر زمان که نیاز داشته باشد تغییراتش را تأیید کند یا وضعیت فعلی اپ شما را درک کند.

ابزار اسکرین‌شات می‌تواند route‌های خاصی را هدف بگیرد (مثلاً /dashboard، /settings) و ابعاد را ثبت می‌کند، که به هوش مصنوعی کمک می‌کند درباره چیدمان و فاصله‌گذاری استدلال کند.

چطور هوش مصنوعی را به یک دکمه یا متن خاص راهنمایی کنم؟

از حالت Visual Editor استفاده کنید و روی عنصر کلیک کنید. این کار یک ارجاع دقیق و ساختاریافته به هوش مصنوعی می‌فرستد — بسیار بهتر از توصیف عنصر با کلمات.

ابزارهای capture زیر به‌صورت داخلی پیاده‌سازی شده‌اند اما هنوز در رابط کاربری در دسترس نیستند:

  • Annotate — پیش‌نمایش فعلی را ثبت کنید و قبل از ارسال به هوش مصنوعی، فلش، مستطیل، دایره، خطوط آزاد، و برچسب‌های متنی روی آن بکشید.
  • Screen Record — یک تعامل چندمرحله‌ای (کلیک‌ها، ناوبری، انیمیشن‌ها) را ضبط کنید و فریم‌های ثبت‌شده را به پیام چت خود پیوست کنید. ایده‌آل برای باگ‌هایی که به زمان‌بندی حساس هستند و یک اسکرین‌شات واحد قادر به نمایش آن‌ها نیست.