repowiserepowise

Command-line tool

googlechrome / modern-web-guidance

Keep your coding agent up to date with the latest web best practices

★ 13,240stars on GitHubApache-2.0
Install modern-web-guidanceView on GitHub★ 13.2kSee this for your own repoAsk this codebase

Repowise maps public repos from their source. Not affiliated with googlechrome. What is Repowise?

github.com/googlechrome/modern-web-guidanceIndexed at 4dd9683

What is modern-web-guidance?

modern-web-guidance is a set of skills that give coding agents current web platform expertise, best practices and browser compatibility data. Its core idea is to place this guidance directly into the agent's context so that the code it generates moves away from legacy patterns and toward modern browser APIs. The guidance covers CSS, HTML and DOM, and JavaScript and APIs, and it is delivered through skills and a command line interface.

Written by a model from the README and the source, like the other summaries and answers on this page

248 files.

Install modern-web-guidance

Commands copied from the README

  1. 1Run the interactive wizard to install modern-web-guidance.
    npx modern-web-guidance@latest install
  2. 2Search for guides that match a task.
    npx modern-web-guidance@latest search "animate a dialog modal backdrop"
  3. 3Retrieve a guide by its ID.
    npx modern-web-guidance@latest retrieve "animate-to-from-top-layer"
  4. 4Scan a codebase for legacy patterns to modernize.
    npx modern-web-guidance@latest legacy-scan .

Releases on GitHub (latest v1.0.0, Nov 10, 2026)

Full install notes on GitHub

Explore modern-web-guidance

Ask about this code in your agent

This connects Repowise to modern-web-guidance's code. It does not install modern-web-guidance. To install modern-web-guidance, use the install steps.

Useful if you want to change or fork modern-web-guidance: your agent can ask how it is put together and get answers that cite its files.

Show the connect command (Claude Code, Cursor, Codex, VS Code)

Run it in a terminal, then type /mcp in Claude Code and sign in with Repowise. No key to paste.

Docs
bash
claude mcp add --transport http repowise https://api.repowise.dev/mcp/googlechrome/modern-web-guidance
Claude Code, Claude, Cursor and VS Code sign you in on first use, free. Codex and Windsurf need an API key: sign in to create one.Sign in for a key

This repo is public, so anyone with a free Repowise account can connect.

Try asking

  • get_overview()
  • get_answer("how is modern-web-guidance put together?")
  • get_why("why is modern-web-guidance structured this way?")

Ask about modern-web-guidance

Answers come from modern-web-guidance's README and source, with the files they cite. Two free answers a day without an account.

Featured answer

Give me an overview of modern-web-guidance

modern-web-guidance is a set of skills that give coding agents current web platform expertise, best practices, and browser compatibility data, covering CSS, HTML and DOM, and JavaScript and APIs. Its core idea is to place this guidance into the agent's context so that generated code moves away from legacy patterns and toward modern browser APIs. The skills directory holds most of the 248 repository files, and a search or retrieve query selects matching guides by task or guide ID before returning them into the agent's context window. The legacy-scan command checks a codebase for patterns that can be modernized, and the .claude-plugin/plugin.json, .codex-plugin/plugin.json and .cursor-plugin/plugin.json manifests package the skills for Claude Code, OpenAI Codex and Cursor. The Application layer accounts for 241 files and the Config layer for 7, so start with the skills directory for the guides and the plugin manifests for packaging.

Files per layer in modern-web-guidance2 layers.

Basis: Inferred · knowledge graph· as of 4dd9683

Want this for your own codebase? Map your repo free

About this page

Get a page like this for your own codebase

Repowise built this map of googlechrome/modern-web-guidance from its source and git history. It parses every symbol, draws the dependency graph, scores each file's health from complexity, duplication, coverage and churn, finds hotspots and owners in the history, and writes documentation for every module. Your coding agent reads the same index over MCP, so its answers cite real files.

Free for 2 public repos, with a page like this one. No card. See how Repowise works

Prefer local? pip install repowise && repowise init indexes your own checkout, no account needed. Star Repowise on GitHub

googlechrome/modern-web-guidance FAQ

What is modern-web-guidance?

modern-web-guidance is a set of skills that embed web platform expertise, best practices and browser compatibility data into coding agents. It steers agents away from legacy patterns toward modern browser APIs.

How does modern-web-guidance work?

modern-web-guidance returns targeted guidelines into an agent's context window when it is queried with search or retrieve. The agent then uses that guidance when it writes code.

How is the modern-web-guidance code organized?

Most of modern-web-guidance is in the skills directory, which holds 234 of its files. Plugin manifests for Claude Code, OpenAI Codex and Cursor sit in their own dot directories at the root.

Who is modern-web-guidance for?

modern-web-guidance is for coding agents that write web code and the developers who use them. It helps those agents prefer native platform APIs over older patterns and heavy libraries.

What license does modern-web-guidance use?

modern-web-guidance is licensed under Apache-2.0.

Code health

Health scores land with the first index: complexity, duplication, coverage, churn and ownership across every file.

Key features of modern-web-guidance

  • Gives coding agents web platform best practices and browser compatibility data so they favor current APIs.
  • Searches guides by topic and retrieves a specific guide by its ID from the command line.
  • Scans a codebase for legacy patterns that can be modernized with the legacy-scan command.
  • Covers CSS and layout, HTML and DOM, and JavaScript and API features from recent years of the web platform.
  • Guides agents toward lightweight fallbacks instead of heavy polyfills or legacy libraries.

How googlechrome/modern-web-guidance works

The skills directory holds most of the repository's files, and these make up the guides the tool serves. A query from an agent or from the command line, such as search or retrieve, selects guides that match a task or a guide ID. The selected guidance is returned into the agent's context window, where it shapes the code the agent writes. The legacy-scan command checks a codebase for legacy patterns that can be modernized. The .claude-plugin/plugin.json, .codex-plugin/plugin.json and .cursor-plugin/plugin.json manifests package the skills for Claude Code, OpenAI Codex and Cursor, while .claude-plugin/marketplace.json and .agents/plugins/marketplace.json list the plugin in plugin marketplaces.

The codebase has 248 files.