Przewodnik po współczesnych technologiach internetowych to zestaw umiejętności, które bezpośrednio w agentach kodujących umieszczają wiedzę o platformie internetowej, sprawdzone metody i dane o kompatybilności z przeglądarkami.

Instalacja za pomocą interfejsu wiersza poleceń modern-web-guidance (zalecana):

npx modern-web-guidance@latest install
Rozpocznij Wyświetl w GitHubie

Współpracuje z Twoim ulubionym agentem AI do kodowania

Wskazówki dotyczące nowoczesnych technologii internetowych można stosować z ulubionymi agentami AI do kodowania, co zapewnia dostęp do wskazówek dotyczących sprawdzonych metod w przypadku nowoczesnych technologii internetowych w preferowanym przepływie pracy.
Wyświetl wszystkie opcje instalacji

Instalowanie nowoczesnych wskazówek dotyczących internetu w projekcie za pomocą umiejętności agenta Vercel:

npx skills add GoogleChrome/modern-web-guidance

Zainstaluj umiejętności Modern Web Guidance dla Claude Code:

# 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

Zainstaluj umiejętności Modern Web Guidance w interfejsie Copilot CLI:

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

Zainstaluj umiejętności Przewodnik po współczesnych technologiach internetowych dla interfejsu Antigravity CLI:

agy plugin install https://github.com/GoogleChrome/modern-web-guidance
Obejrzyj sesję Przewodnik po współczesnych technologiach internetowych na konferencji Google I/O, aby dowiedzieć się więcej o umiejętnościach i o tym, jak usprawniają one przepływ pracy podczas tworzenia stron internetowych wspomaganego przez AI.
Obejrzyj teraz

Powiadomienia zapewniające lepsze wrażenia użytkowników

Wypróbuj kilka z tych przykładowych promptów, aby wywołać Przewodnik po współczesnych technologiach internetowych w przepływie pracy związanym z kodowaniem wspomaganym przez AI. Dzięki temu możesz tworzyć nowe funkcje, modernizować starszy kod i przyspieszać działanie aplikacji. 
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.
Połącz Narzędzia deweloperskie w Chrome dla agentów z umiejętnościami Przewodnika po współczesnych technologiach internetowych, aby usprawnić proces tworzenia stron internetowych. Przeprowadzaj audyty wydajności w czasie rzeczywistym, sprawdzaj drzewa dostępności i rejestruj dzienniki konsoli, a następnie automatycznie stosuj precyzyjne poprawki nowoczesnego kodu internetowego.
Więcej informacji

Dowiedz się, jak możesz pomóc

Masz pomysły na ulepszenie przewodnika po nowoczesnych stronach internetowych? Dowiedz się, jak możesz pomóc.
Więcej informacji