GoogleChromeOfficial·16 Agent Skills Included

modern-web-guidance-src

Teach AI coding agents modern web platform best practices

Embeds expert web platform guidance, browser compatibility data, and modern API patterns directly into AI coding agents. Stops agents from generating outdated JavaScript workarounds, heavy polyfills, and legacy CSS hacks for tasks browsers now handle natively. Covers 100+ modern features across CSS layout, performance, forms, accessibility, and built-in AI, with tested evaluation pipelines.

1,008|75

↗

npx skills add GoogleChrome/modern-web-guidance-src --all -g -y

Available:

Directs the AI agent through a two-checkpoint workflow for authoring web guidance: first defining approved use cases, then writing guides and generating evaluation harnesses via the project skills.

All Skills in This Repository (16)

Pure Emerald Level Indicators

📦 In Repo

GoogleChrome

project-guides

Author and review standards-compliant guide.md files for AI coding assistants.

investigating-eval-results

Diagnose root causes of low pass rates in AI coding agent web evaluation tests.

baseline-status

Verifies web platform feature Browser Baseline statuses and outputs JSON for frontend workflows.

project-evals

Create standardized evaluation pipelines for web platform guidance using Playwright graders.

project-discipline-guides

Remove redundant common knowledge from project-specific technical discipline guides.

project-guide-validation

Validate web platform guidance documents for technical accuracy and accessibility compliance.

project-use-cases

Identify distinct use cases for web platform features and scaffold eval demos.

nightly-eval-investigation

Download and analyze three nightly evaluation runs from Google Cloud Storage.

privacy

Audit web app third-party scripts and implement compliant cookie handling.

cpp-on-the-web

Compile C and C++ code to WebAssembly with Emscripten for browser execution.

web-security

Deploy Content Security Policy and Trusted Types to prevent XSS attacks.

passkeys-web

Implements WebAuthn/FIDO2 passkey authentication workflows for web applications.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Modern Web Guidance?▼

Run `npx skills add GoogleChrome/modern-web-guidance-src --all -g -y` in your terminal to install all skills in this suite globally.

Why do AI agents write outdated web code?▼

AI training data contains years of legacy patterns, so agents default to bloated JavaScript and old CSS hacks. This suite injects curated modern web platform guidance directly into the agent's context.

What web features does Modern Web Guidance cover?▼

It covers over 100 modern features including container queries, view transitions, anchor positioning, popovers, scroll-driven animations, passkeys, and built-in browser AI APIs.

Does it work with Claude Code and other AI agents?▼

Yes. The skills follow the universal SKILL.md standard and work with Claude Code, Gemini CLI, Codex, and other compatible coding agents.

How does it handle browser compatibility?▼

Every guide includes Baseline browser support data and fallback strategies, so agents only use features appropriate for your target browsers.