Modern Web Guidance



Modern Web Guidance হল দক্ষতার একটি সেট যা আপনার কোডিং এজেন্টে সরাসরি ওয়েব প্ল্যাটফর্মের দক্ষতা, পেশাদার পদ্ধতি এবং ব্রাউজার কম্প্যাটিবিলিটি ডেটা এম্বেড করে।

modern-web-guidance CLI (সাজেস্ট করা) ব্যবহার করে ইনস্টল করুন:

npx modern-web-guidance@latest install
শুরু করুন GitHub-এ দেখুন

আপনার পছন্দের AI কোডিং এজেন্টের সাথে কাজ করে

আপনার পছন্দের AI কোডিং এজেন্টের সাথে Modern Web Guidance ব্যবহার করা যেতে পারে, যা আপনার পছন্দের ওয়ার্কফ্লোতে আধুনিক ওয়েব পেশাদার পদ্ধতির জন্য নির্দেশিকাতে আপনার অ্যাক্সেস নিশ্চিত করে।
ইনস্টলেশন সংক্রান্ত সব বিকল্প দেখুন

Vercel-এর এজেন্ট স্কিল ব্যবহার করে আপনার প্রোজেক্টে Modern Web Guidance ইনস্টল করুন:

npx skills add GoogleChrome/modern-web-guidance

Claude Code প্লাগ-ইন থেকে Modern Web Guidance ইনস্টল করুন:

claude plugin install modern-web-guidance@claude-plugins-official

Copilot CLI-এর জন্য Modern Web Guidanceটি স্কিল ইনস্টল করুন:

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

Antigravity CLI-এর জন্য Modern Web Guidanceটি স্কিল ইনস্টল করুন:

agy plugin install https://github.com/GoogleChrome/modern-web-guidance
Modern Web Guidance কী, এটি কোন সমস্যার সমাধান করে এবং কীভাবে এটি আপনার AI-সহায়তা প্রাপ্ত ওয়েব ডেভেলপমেন্ট ওয়ার্কফ্লো উন্নত করে তা জানতে এই ওভারভিউ দেখুন।
এখনই দেখুন

আরও ভালো ব্যবহারকারীর অভিজ্ঞতার জন্য প্রম্পট

নতুন ফিচার তৈরি করতে, পুরনো কোড আধুনিক করতে এবং আপনার অ্যাপের স্পিড বাড়াতে, AI-সহায়তা প্রাপ্ত কোডিং ওয়ার্কফ্লোতে Modern Web Guidance চালু করতে, নিম্নলিখিত কয়েকটি স্যাম্পেল প্রম্পট ব্যবহার করে দেখুন। 
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.
আপনার AI কোডিং অ্যাসিস্ট্যান্টকে কীভাবে অত্যাধুনিক, ইন্টারঅপারেবল ওয়েব কোড তৈরি করার জন্য গাইড করবেন তা জানুন! এই প্রাথমিক কোডল্যাবে, আপনি একটি লিগ্যাসি ওয়েব অ্যাপ অডিট করবেন এবং আধুনিক পেশাদার পদ্ধতির দিকে এজেন্টদের প্রম্পট করতে Modern Web Guidance টুল ব্যবহার করবেন। বেসলাইন ব্রাউজার টার্গেট সেট করা, Core Web Vitals অপ্টিমাইজ করা এবং জেনেরিক AI আউটপুটকে হাই-পারফর্ম্যান্স ওয়েব সলিউশনে রূপান্তর করা শিখুন।
শুরু করুন
আপনার ওয়েব ডেভেলপমেন্ট ওয়ার্কফ্লো উন্নত করতে Modern Web Guidance-এর দক্ষতার সাথে এজেন্টের জন্য Chrome DevTools একত্রিত করুন। রিয়েল-টাইম পারফর্ম্যান্স অডিট চালান, অ্যাক্সেসিবিলিটি ট্রি পরীক্ষা করুন এবং কনসোল লগ ক্যাপচার করুন—তারপর অটোমেটিক সঠিক আধুনিক ওয়েব কোড ফিক্স প্রয়োগ করুন।
আরও জানুন

কীভাবে কন্ট্রিবিউট করবেন তা জানুন

Modern Web Guidance কীভাবে উন্নত করা যায় সেই সম্পর্কে কোনও আইডিয়া আছে? আপনি কীভাবে কন্ট্রিবিউট করতে পারেন তা জানুন!
আরও জানুন