Modern Web Guidance: راهنمای گوگل برای کدنویسی مدرن با هوش مصنوعی
هوش مصنوعی
فرانتاندخلاصهٔ کاملتر
Modern Web Guidance یه پروژهی متنباز از تیم گوگل کروم هست که هنوز در مرحلهی پیشنمایش اولیهاس. هدفش اینه که به ایجنتهای کدنویسی هوش مصنوعی — مثل همونهایی که توی Claude Code یا GitHub Copilot داری — یه سری مهارت (Skill) تزریق کنه تا بتونن وباپهای مدرن، دسترسیپذیر، پرفورمنت، و امن بسازن.
سادهترین راه نصب اینه که توی پوشهی پروژهات این دستور رو اجرا کنی:
npx modern-web-guidance@latest installاین دستور مهارتهای لازم رو مستقیم توی پروژهات نصب میکنه تا ایجنت AI بدونه با چه استانداردهایی کد بزنه.
علاوه بر CLI اختصاصی خودش، این مجموعه با چند ابزار محبوب دیگه هم یکپارچه میشه. مثلاً برای Claude Code میشه از سیستم پلاگینهاش استفاده کرد، برای Vercel Agent Skills دستور npx skills add داره، و برای Antigravity CLI هم نصب مستقیم از GitHub ممکنه.
کاربردهای عملی این راهنما سه دستهی اصلی داره. اول ساخت تجربههای جدید: مثلاً میتونی از AI بخوای یه کامپوننت اکاردئون با انیمیشن CSS بسازه یا یه داشبورد با Container Queries طراحی کنه که لیاوتش بر اساس عرض خودش تغییر کنه، نه عرض صفحه. دوم مدرنسازی کد قدیمی: مثلاً تبدیل modal های قدیمی به المان یا migrate کردن توضیحراهنماها (tooltip) به Popover API.
دستهی سوم بهبود امنیت و پرفورمنس هست. از نظر امنیتی میشه از AI خواست یه فلوی ورود مبتنی بر Passkey با WebAuthn پیاده کنه یا یه Content Security Policy اولیه تنظیم کنه. از نظر پرفورمنس هم میشه مشکلات INP (تأخیر در پاسخ به تعامل کاربر) و LCP (زمان لود بزرگترین المان صفحه) رو با کمک این راهنما برطرف کرد.
یه ویژگی جالب اینه که Modern Web Guidance با Chrome DevTools for Agents هم کار میکنه؛ یعنی میشه آدیت پرفورمنس رو real-time اجرا کرد، درخت دسترسیپذیری رو بررسی کرد، لاگهای کنسول رو گرفت، و بلافاصله با مهارتهای Modern Web Guidance رفع مشکل کرد.
نکات کلیدی:
- ابزار گوگل کروم برای تزریق مهارتهای وب مدرن به ایجنتهای AI
- سه محور اصلی: دسترسیپذیری، پرفورمنس، و امنیت
- پشتیبانی از Claude Code، GitHub Copilot CLI، Vercel Agent Skills، و Antigravity CLI
- قابل ترکیب با Chrome DevTools for Agents برای آدیت و رفع خودکار مشکلات
- پروژه متنباز است و در مرحلهی پیشنمایش اولیه قرار داره
