Skip to content
← Tools / Skills
Skill · .md packageGoogleChrome/10 trustVerified
Modern Web Guidance logo

Modern Web Guidance

Official Chrome-team guides for current web platform patterns

Visit official site →

About

Best-practice guides from the Chrome and Edge teams, packaged as an agent skill so coding agents pull current native-platform patterns — dialogs, popovers, view transitions, anchor positioning, container queries — into context before writing HTML, CSS, or client-side JS. It is benchmark-evaluated with published uplift numbers (57% to 92% pass rate on Claude Code) and ships new guides regularly. The official way to install is the npx CLI, and some harnesses resolve guides over the network at query time, which can add latency in sandboxed environments.

What it can do

  • Search and retrieve web platform best-practice guides
  • Native dialog, popover, and anchor positioning patterns
  • View transitions and scroll-driven animation guidance
  • Baseline 2026 browser support and fallbacks
  • Performance, accessibility, security, and forms guidance

Setup

  1. Install with the skills CLI:

npx skills add GoogleChrome/modern-web-guidance

or: gh skill install GoogleChrome/modern-web-guidance

  1. For the npm CLI method:

npx modern-web-guidance@latest install

  1. Update guides later with:

npx modern-web-guidance@latest update

Prerequisites

Node.js; Claude Code or another supported agent.

Use cases

checking whether the platform has a native pattern before adding a dependencyimplementing Baseline-2026 web features with fallbacksauditing frontend code against current Chrome and Edge guidance

Works with

Claude CodeOpenAI CodexGoogle AntigravityGitHub Copilot

Trust score — 8/10

/10 trustVerified

Scored 8/10 (verified tier, metrics-v1). Evidence: Official Google Chrome team repository; versioned releases (v0.0.187 seen), benchmark evaluations published.; Star count not confirmed during verification; githubStars set to null rather than guessed.; Apache-2.0 license declared in skill metadata.; Some harnesses resolve guides over the network at query time (latency in sandboxed environments).. License: Apache-2.0, declared in skill metadata..

How the trust score is built

Full methodology →
Adoption · stars/downloads, log-scaled vs peers
8.0/10
Maintenance · recency, releases, issue load
9.0/10
Openness · license + docs
8.0/10
Manual review · sanity read + red-flag check
8.0/10
  • · Official Google Chrome team repository; versioned releases (v0.0.187 seen), benchmark evaluations published.
  • · Star count not confirmed during verification; githubStars set to null rather than guessed.
  • · Apache-2.0 license declared in skill metadata.
  • · Some harnesses resolve guides over the network at query time (latency in sandboxed environments).

Sources

Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.