Is modern-web-guidance still maintained?

Yes, active. Last change 5 days ago. Latest release v1.0.0, 5 days ago.

How widely used is modern-web-guidance?

Some track record. 14k stars, 8 months old, by an organization. Get it from the official repo and read what it installs.

gitmanual

Reading the repo

Opening the box…

How to install modern-web-guidance on macOS (GoogleChrome/modern-web-guidance) · gitmanual

How to install on macOS

GoogleChrome/modern-web-guidance

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

Node.js

Before you start

Is it free?: YesOpen source (Apache-2.0).
Still maintained?: Yes, activeLast change 5 days ago. Latest release v1.0.0, 5 days ago.
How widely used?: Some track record14k stars, 8 months old, by an organization. Get it from the official repo and read what it installs.

Difficulty: Moderate
Time: about 15 min
Stars: ★ 13,776
Activity: Updated this month

Saved setup from 12 h ago

Will it work on macOS?

Yes, it runs on macOS

You'll build it yourself with Node.js.

Your system

macOS Windows Linux

Start here

Website ↗goo.gleThe project's own site.

3 steps on macOS

Download setup.sh

Then run bash setup.sh. It stops at the first error and is safe to run again. Servers and tests aren't started; it lists them at the end. Read it first.

Clone the repository

Needs Git: xcode-select --install

git clone https://github.com/GoogleChrome/modern-web-guidance.git
cd modern-web-guidance

Install the required runtimes

Node.js >=22.0.0

# needs nvm: brew install nvm (or https://github.com/nvm-sh/nvm)
nvm install --lts

3
Install dependencies
```
npm install
```

From the README: Quickstart

npx modern-web-guidance@latest install

This command runs an interactive wizard to install Modern Web Guidance. See Alternative Installation Methods below.

Try it out (without installing)

# Search for relevant guides
npx modern-web-guidance@latest search "animate a dialog modal backdrop"

# Retrieve a guide by ID
npx modern-web-guidance@latest retrieve "animate-to-from-top-layer"

# Scan a codebase for legacy patterns to modernize
npx modern-web-guidance@latest legacy-scan .

Did you get it running?

No reports for macOS yet.

Still stuck? Get a written guide

GitManual AI Agent reads the 3 key files and writes a step-by-step guide for macOS. Once written, it's saved for everyone.

Contact