تصور کنید برنامه‌نویسی هستید که ساعت‌ها وقت صرف اصلاح یک باگ در چیدمان صفحه می‌کند، اما هوش مصنوعی دستیارش فقط کد HTML را می‌بیند و نمی‌داند در واقعیت چه اتفاقی در مرورگر می‌افتد. این شکاف بصری در محیط Windsurf، در تاریخ ۴ سپتامبر ۲۰۲۶ با یک ادغام استراتژیک از طریق پروتکل زمینهٔ مدل (MCP) — که شبیه به یک درگاه استاندارد برای اتصال ابزارهای خارجی به مغز هوش مصنوعی است — برطرف شد.
به نقل از مستندات فنی این به‌روزرسانی، حالا سرور Rendex به ویرایشگر متصل شده است. اکثر دستیارهای کدنویسی با بازخورد بصری مشکل دارند و معمولاً مشکلات چیدمان را بر اساس حدس و گمان از روی کد تخمین می‌زنند. همان‌طور که در تحلیل‌های قبلی ما درباره‌ی عامل‌های هوش مصنوعی اشاره کردیم، دسترسی به ابزارهای محیطی برای کاهش توهم مدل حیاتی است. حالا توسعه‌دهندگان می‌توانند به هوش مصنوعی خود «چشم» بدهند تا خروجی نهایی یک URL را ببیند و فاصله بین تولید کد و تایید بصری را از بین ببرد.
طبق گزارش‌های منتشر شده، برای فعال‌سازی این قابلیت، کاربران باید بسته @copperline/rendex-mcp را به فایل mcp_config.json اضافه کنند. این تنظیمات نیازمند یک کلید API از Rendex است که در سطح رایگان، ماهانه ۱۰۰ رندر ارائه می‌دهد. پس از پیکربندی، Cascade به ابزار rendex_screenshot دسترسی پیدا می‌کند و می‌تواند تصاویر PNG کامل یا بخش‌های خاصی از یک وب‌سایت را ثبت کند.
برای افزایش سرعت، سیستم اجازه می‌دهد کاربران تنظیمات blockResourceTypes را برای رسانه‌ها و فونت‌ها تغییر دهند یا تریگر را روی domcontentloaded قرار دهند. این کار باعث می‌شود هوش مصنوعی در انتظار بارگذاری فایل‌های سنگین متوقف نشود و سریع‌تر عکس بگیرد.
این تغییر، هوش مصنوعی را از یک کدنویس نابینا به یک مهندس تست بصری (QA) تبدیل می‌کند. به جای اینکه توسعه‌دهنده مدام مرورگر را رفرش کند و باگ را برای مدل توصیف کند، مدل می‌تواند به‌طور مستقل بررسی کند که آیا چیدمان صفحه پرداخت درست است یا بخش Hero با طرح‌های گرافیکی مطابقت دارد.
توسعه‌دهندگان می‌توانند همین منطق MCP را در ویرایشگرهای دیگر مثل Cursor با به‌روزرسانی فایل .cursor/mcp.json پیاده کنند.
گام بعدی شما
- کلید API رایگان Rendex را دریافت کرده و در فایل کانفیگ Windsurf خود فعال کنید.
- یک URL با خطای چیدمان (Layout) به Cascade بدهید و از او بخواهید با ابزار اسکرین‌شات، دلیل خطا را تحلیل کند.
- تنظیمات
domcontentloadedرا برای صفحات سنگین فعال کنید تا سرعت پاسخ‌دهی مدل بالا برود.
اما داستان سخت‌افزاری این تحول حتی شگفت‌انگیزتر است — به تحلیل ما درباره‌ی تراشه‌های Blackwell مراجعه کنید.
گفتگو