Modern Web Guidance

A Google Chrome Agent Skills plugin that embeds web platform expertise, best practices, and Baseline compatibility data directly into your coding agent. It steers agents away from legacy JavaScript patterns toward native, modern browser APIs — using an offline CLI with local TensorFlow.js embeddings.

I need to...

I need to...	Guide	Summary
Understand what MWG is and whether it's an MCP server	What Is Modern Web Guidance	MWG is a set of Agent Skills distributed as a plugin — not an MCP server. The agent reads a SKILL.md instruction file and runs modern-web-guidance search/retrieve CLI commands offline. Covers 102 web features and 128 developer use cases.
Install MWG for Claude Code	Install for Claude Code	Three steps: /plugin marketplace add, /plugin install, /reload-plugins. Skipping /reload-plugins means the skill does not activate. Enable AutoUpdate through /plugin settings.
Install MWG for another agent or IDE	Install for Other Agents and IDEs	The recommended cross-agent path is npx modern-web-guidance@latest install — interactive wizard that detects your environment. Use --choose to install only the skill packs needed.
Configure Baseline targets, understand activation, opt out of telemetry	Using It Effectively	Set your Baseline target explicitly in CLAUDE.md — MWG defaults to Widely available if not set. Opt out of telemetry with DISABLE_TELEMETRY=1.
Understand how MWG relates to this repo's passkeys/forms/CSS guides	Relationship to Dev-Guides	MWG and dev-guides are complementary. MWG is the upstream web platform source (auto-activates). Dev-guides adapts the in-charter subset for Drupal/Bootstrap/our stack (explicit load).