repowiserepowise

Command-line tool

googlechrome / modern-web-guidance-src

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

★ 5,324stars on GitHubTypeScriptApache-2.0
Install modern-web-guidance-srcView on GitHub★ 5.3kSee 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-guidance-srcIndexed at ebb6f3a

What is modern-web-guidance-src?

modern-web-guidance-src is the source repository for Modern Web Guidance, a set of skills that embed web platform expertise, best practices, and browser compatibility data into coding agents. It holds the code and documentation used to author, calibrate, and evaluate that content. The core idea is that the skills steer agents away from legacy patterns and toward modern web platform APIs, delivered through a CLI that returns targeted guidelines into the agent's context. The main language is TypeScript. To install it, run npx modern-web-guidance@latest install and follow the steps below. Its code health is 6.5 out of 10 (Fair), ranked #157 of 4,000+ indexed repos. The last commit to modern-web-guidance-src was on Nov 13, 2026, and 42 people have contributed.

As of commit ebb6f3a, indexed Nov 14, 2026. What it is comes from a model reading the README; the rest is measured from the source and git history, not from the maintainer.

For agentsmodern-web-guidance-src.md

Repo facts: type, license, health, rank, contributors
modern-web-guidance-src facts
TypeCommand-line tool
LicenseApache-2.0
Code health6.5 / 10 (Fair)
Health rank#157 of 4,000+ indexed repos
Last commitNov 13, 2026
Contributors42
Bus factor1
Size1,864 files, 163,562 lines

Install modern-web-guidance-src

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 relevant to a task without installing.
    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 .

Full install notes on GitHub

Explore modern-web-guidance-src

Ask about this code in your agent

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

Useful if you want to change or fork modern-web-guidance-src: 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-src
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_risk(["src/harness/run-suite.ts"])
  • get_answer("how is modern-web-guidance-src put together?")
  • get_why("why is modern-web-guidance-src structured this way?")

Ask about modern-web-guidance-src

Answers come from modern-web-guidance-src'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-src

modern-web-guidance-src is the source repository for Modern Web Guidance, a set of skills that give coding agents web platform expertise, best practices, and browser compatibility data so they move away from legacy patterns toward modern APIs. The main language is TypeScript, and the repository holds the code and documentation used to author, calibrate, and evaluate that content. Commands enter through the command line at entry points such as bin/gd.ts and src/analyzing/cli.ts, and the CLI searches the guide content in the guides directory by ID and returns targeted guidelines into the agent's context. The src directory holds most of the code, 425 files covering analysis, the dashboard, CI, and telemetry, and the Application layer accounts for 1539 of the 1864 files, alongside the CLI, Config, UI, API, Service, Utility, and Docs & Tooling layers. Each skill is defined in a SKILL.md file under .agents/skills, such as .agents/skills/coherence-auditor/SKILL.md, and the grader replay script at .agents/skills/grader-replay/scripts/replay.ts is a central file. To start reading, open bin/gd.ts or src/analyzing/cli.ts for the command flow, then the guides directory and a SKILL.md file to see how skills are written.

Files per layer in modern-web-guidance-src8 layers.

Basis: Inferred · knowledge graph· as of ebb6f3a

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-src 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-src FAQ

What is modern-web-guidance-src?

modern-web-guidance-src is the source repository for Modern Web Guidance, a set of skills that embed web platform expertise and browser compatibility data into coding agents. It includes the code and documentation for authoring, calibrating, and evaluating that content.

How does modern-web-guidance-src work?

modern-web-guidance-src provides a CLI that returns targeted guidelines into a coding agent's context window. The guidance steers the agent away from legacy patterns toward modern web platform APIs.

What language is modern-web-guidance-src written in?

modern-web-guidance-src is written mainly in TypeScript, with JavaScript and Astro files also present in the repository.

How is the modern-web-guidance-src code organized?

The src directory holds most of the code, including analysis, dashboard, CI, and telemetry logic. The guides directory holds the guide content, and .agents holds the skill definitions and their scripts.

When should I use modern-web-guidance-src?

Use modern-web-guidance-src when you want coding agents to favor current web platform APIs over older patterns. Its guides cover browser APIs, performance and accessibility, and lightweight fallbacks instead of heavy polyfills.

What license does modern-web-guidance-src use?

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

Code health

6.5out of 10Fair

Hotspots average 5.1, the place fixes pay off most.

Full health report

On the leaderboards:#49 of 60 TypeScript repos

Key features of modern-web-guidance-src

  • A CLI returns targeted, expert-curated guidelines directly into the coding agent's context window.
  • The guides cover modern browser APIs that models often misuse, helping them structure those APIs correctly.
  • Guidance prefers platform-level APIs that the browser can optimize and that include built-in accessibility affordances.
  • Guides steer models toward sensible, lightweight fallbacks instead of heavy polyfills or legacy libraries.
  • The guides are kept token-efficient by using evals to prune content that models already know.

How googlechrome/modern-web-guidance-src works

Commands enter through the command line, with entry points such as bin/gd.ts and src/analyzing/cli.ts among the five entry points indexed for the repository. The src directory holds most of the code, 425 files covering analysis, the dashboard, CI, and telemetry. The guides directory, with 226 files, holds the guide content that the CLI searches and retrieves by ID. Each skill is defined in a SKILL.md file under .agents/skills, such as .agents/skills/coherence-auditor/SKILL.md, with helper scripts such as coherence-audit.ts beside it. The grader replay script at .agents/skills/grader-replay/scripts/replay.ts is one of the central files in the repository. src/dashboard/server.js is an entry point for the dashboard.

The codebase has 1,864 files and 4,874 symbols in 4 modules, led by TypeScript, JavaScript and Astro. Code health is 6.5 out of 10, rated fair.