GitHub radar
Make your coding agent write modern web code, not legacy code
A set of instructions for your coding agent that steers it away from outdated JavaScript patterns toward what today's browsers already do natively.
Guides for AI coding agents on modern browser features: the agent gets up-to-date examples instead of outdated habits from its training data.
When it helps
Useful if you build sites or app interfaces with a coding agent. Skip it if you don't write web frontend code.
Pros
- Agent pulls the right guide automatically while it works
- Guides are written jointly by Chrome, Edge, Firefox and MDN, not one vendor
- Guides stay short — anything the model already knows gets dropped
- Free and open source
Cons
- Covers only frontend web code, not backend logic
- Only works if the agent actually reads the installed skill files
How to set it up — step by step
- 1Open your coding agent (Claude Code, Codex, etc.) in your project folder.
- 2Send the agent the text from the block below.
- 3Let it run npx modern-web-guidance@latest install and finish the installer.
- 4Ask it to show which modern technique it now suggests instead of the old one, and test it on your own code.
Text for your agent
Copy this and send it to your agent — Claude Code, Codex, any of them:
Install the Modern Web Guidance skills from https://github.com/GoogleChrome/modern-web-guidance — follow the README (npx modern-web-guidance@latest install) and show me which modern techniques the agent now suggests instead of outdated ones.
Runs on a regular laptop — only Node.js is needed (via npx), no GPU required.
Open on GitHub▌ More finds