Webflow MCP 2.0 و ایجنتهایی که سایت میسازن
هوش مصنوعی
فرانتاندخلاصهٔ کاملتر
استفان جودیس تو بلاگ وبفلو مینویسه که ایجنت Cursor او تو چند مکالمه کاری رو انجام داده که معمولاً یه روز کامل طول میکشه: بازچینی توکنهای دیزاین و ساخت کامپوننت تازه. علتش انتشار MCP 2.0 وبفلوئه که به گفتهٔ او دسترسی ایجنت رو از چند تا ابزار محدود به کل سایت گسترش میده.
اولین خبر خوب حذف اپ پله. تو نسخههای قبلی باید یه تب مرورگر با اپ پل باز میموند تا ایجنت به سایت برسه؛ حالا این شرط برای بیشتر کارها برداشته شده و فقط وقتی ایجنت به بوم فعلی نیاز داره — مثل «همین صفحهای که توشم رو آپدیت کن» — سراغ اپ پل میره و راهنمای فعالکردنش رو نشون میده.
پایهٔ دیزاینسیستم تو وبفلو متغیرهای CSS هستن و MCP 2.0 دسترسی کامل بهشون میده: خوندن کالکشنهای متغیر، ساخت و مرتبکردن متغیرها و اضافهکردن مود تازه. نویسنده میگه رنگهای سایتش زیادی تند بودن؛ به جای دستکاری تکتک توکنها کار رو به ایجنت سپرده و اون اول یه پروتوتایپ برای پیشنمایش پالتهای آرومتر ساخته و بعد بیشتر از ۵۰ توکن رو یهجا آپدیت کرده، حتی یه مود متغیر تازه هم درست کرده تا جابهجایی بین پالتها راحت باشه.
روی کامپوننتها هم ایجنت اختیار کامل داره: ساخت کامپوننت، اضافهکردن پراپ و وریانت و اسلات و ستکردن متادیتا، همه از دل عناصر و استایلهای موجود سایت. جریان کاریای که نویسنده معرفی میکنه دادن اسکرینشات به ایجنته؛ او از یه طرح خام کامپوننت عکس گرفته و Cursor ساختار سایت رو بررسی کرده و کامپوننت رو ساخته، حتی از پیشرفت کارش اسکرینشات گرفته تا با طرح اولیه تطبیقش بده.
برای اینکه ایجنت از رو دادههای قدیمی کار نکنه، سایت وبفلو حالا یه بخش Instructions تو نوار کناری داره. قوانین گاردریل همیشهروشنن — چیزی مثل «از توکنهای ما استفاده کن» یا «رنگ رو هاردکد نکن» — و مهارتها دفترچههای راهنمای درخواستیان که ایجنت فقط موقع نیاز بارشون میکنه. نویسنده اعتراف میکنه همون کامپوننت نمونهاش حسابی به یه مهارت create-component از پیش تعریفشده تکیه داشته و برای همین بار اول درست از آب دراومده.
بقیهٔ قابلیتها هم کم نیستن: خوندن فرمها و مدیریت ارسالها، کار روی برنچ صفحه، مدیریت داراییها و فشردهسازی تصویر به webp و avif، خوندن و نوشتن کد هدر و فوتر، دسترسی به تاریخچهٔ سایت روی پلن اینترپرایز و پرسیدن سؤال دربارهٔ ترافیک سایت به زبان ساده.
نکات کلیدی:
- اپ پل برای بیشتر کارها لازم نیست؛ فقط برای دسترسی به بوم فعلی سراغش میری
- ایجنت به کالکشنهای متغیر CSS دسترسی داره و میتونه دهها توکن دیزاین رو یهجا آپدیت کنه
- ساخت کامپوننت با پراپ، وریانت و اسلات از دل عناصر و استایلهای موجود سایت انجام میشه
- بخش Instructions شامل «قوانین» همیشهروشن و «مهارتهای» درخواستیه که کانتکست تیم رو به ایجنت میده
- فرمها، داراییها، کد هدر و فوتر، تاریخچهٔ سایت و آمار ترافیک هم از داخل مکالمه در دسترسن
