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

نصب با استفاده از رابط خط modern-web-guidance (توصیه می‌شود): 

npx modern-web-guidance@latest install
شروع به کار در GitHub مشاهده کنید

با عامل کدنویسی هوش مصنوعی دلخواه شما کار می‌کند

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

با استفاده از مهارت‌های Agent ورسل، Modern Web Guidance را در پروژه خود نصب کنید:

npx skills add GoogleChrome/modern-web-guidance

مهارت‌های راهنمای وب مدرن را برای کلود کد نصب کنید:

# 1. Add the marketplace:
/plugin marketplace add GoogleChrome/modern-web-guidance
# 2. Install the plugin
/plugin install modern-web-guidance@googlechrome
# 3. Reload plugins
/reload-plugins

مهارت‌های راهنمای وب مدرن را برای رابط خط فرمان (CLI) کمک خلبان (Copilot) نصب کنید:

# 1. Add the marketplace:
/plugin marketplace add GoogleChrome/modern-web-guidance
# 2. Install the plugin
/plugin install modern-web-guidance@googlechrome

مهارت‌های راهنمای وب مدرن را در Gemini CLI نصب کنید:

gemini extensions install https://github.com/GoogleChrome/modern-web-guidance --auto-update

نکاتی برای تجربه کاربری بهتر

چند نمونه از دستورالعمل‌های زیر را امتحان کنید تا از راهنمایی‌های وب مدرن در گردش کار کدنویسی مبتنی بر هوش مصنوعی خود برای ساخت ویژگی‌های جدید، مدرن‌سازی کدهای قدیمی و افزایش سرعت برنامه‌تان استفاده کنید. 
Create an accordion-style stats component that smoothly animates on open and close.
 
Build a tab bar with a sliding highlight that tracks active items using CSS Anchor Positioning.
 
Design a dashboard card that uses container queries to adapt its layout to its own width.
 
Update legacy modal window implementations to use the <dialog> element and animate them using modern CSS features.
 
Migrate legacy tooltips to use the Popover API and CSS Anchor Positioning.
 
Implement a passkey-based login flow using the latest WebAuthn features.
 
Implement a starter Content Security Policy (CSP) without breaking my app.
 
Perform a security audit of my site and suggest improvements.
 
Set up my app to begin preloading pages when users hover over important links.
 
My app has lots of long tasks, and its INP is affected. Help me fix it.
 
Help me improve my app's LCP.
ابزارهای توسعه کروم برای عامل‌ها را با مهارت‌های راهنمای وب مدرن ترکیب کنید تا گردش کار توسعه وب خود را بهبود بخشید. ممیزی‌های عملکرد را به صورت بلادرنگ اجرا کنید، درخت‌های دسترسی را بررسی کنید و گزارش‌های کنسول را ثبت کنید - و سپس به طور خودکار اصلاحات دقیق کد وب مدرن را اعمال کنید.
بیشتر بدانید

یاد بگیرید چگونه مشارکت کنید

ایده‌هایی برای بهبود راهنمای وب مدرن دارید؟ یاد بگیرید که چگونه می‌توانید مشارکت کنید!
بیشتر بدانید