Find native browser replacements in a web app

A coding-agent skill helps developers swap older front-end patterns for newer browser APIs.

Done with Custom agent· Intermediate

What they did
Modern Web Guidance is installed as a skill for coding agents, and its CLI can look up a guide from a library by ID so that text lands directly in the agent’s context. That guidance steers the model toward built-in web capabilities, including dialog, popover, view transitions, and CSS.highlights, rather than patterns it would normally generate. Setup starts with an interactive npx wizard, and the same tool can also search and fetch guides without a full install.
How it went
The site says the library contains 103 web features and 131 use-case guides. It is still a preview release, and the page I could read did not show any measured performance data; the legacy-pattern scan was not visible in full.
Tips
Keep the retrieved guide narrow so the agent gets only the pattern it needs. If you use the scan, have it pause before any edit that would change, remove, submit, or pay for something.

Try it yourself with Claude Code

Inspect [web project folder] for front-end code that could be replaced with native browser APIs instead of custom logic, such as a homegrown modal that should use dialog or hand-rolled highlighting that should use CSS.highlights. Give me a prioritized list with file paths and a brief reason for each match. Then wait for my okay before changing anything. After I approve, revise the first [3] items one by one, show the diff before each edit, and stop if the app stops building or if a step would be irreversible.

Fill in the [brackets]. Agents can make mistakes, so review anything before it is sent, paid or deleted.

Read the original on github.com ↗

Get 3 agent uses like this every morning

With the day's top AI news. Free, and one click to unsubscribe.