Teach coding agents modern web platform patterns
A skill and RAG CLI with 200+ guides steers coding agents toward native web features like dialog and CSS.highlights, plus a scan that finds legacy patterns to modernize. ·
Done with a custom-built or unnamed agent
- What they did
- Modern Web Guidance installs as a skill for coding agents, with a CLI that searches a library of guides and retrieves one by ID. The CLI puts the matching guidance into the agent's context window. The agent gets current patterns, such as native dialog, popover and view transitions, in place of the legacy code models tend to write. Install is by an interactive npx wizard.
- How it went
- The page lists 103 web features and 131 use-case guides. It is a preview release. The part I could read gives no measured results, and the legacy-pattern scan was beyond what I could see.
- Worth knowing
- You can try the search and retrieve commands through npx without installing. The guides are kept short, with content models already know pruned out through evals.
Try it yourself with Claude Code
Scan my [web project folder] for legacy front-end patterns that now have native browser equivalents, such as custom modal code that could use the dialog element or JavaScript text highlighting that could use CSS.highlights. Produce a prioritized list of what you found with file names, then modernize the top [3] items one at a time, explaining each change. Stop when those changes are made and the project still builds, and show me the diff before committing anything.
Want help getting this working? Join the Vibe Coding Academy ↗ Run by Alex Finn, who also runs this site.
Discussion on HN · Nov 10, 2026
Related use cases
Build a C compiler with a team of parallel agents
Anthropic's engineering write-up on tasking Opus 4.6 agent teams with building a C compiler.
Build and deploy a Hacker News scraper app
Replit Agent generated a scraper, database models, API endpoints and front end that stores and shows Hacker News items, then deployed it.
Fix a broken API website
A user says Claude Cowork fixed their API website after another agent kept breaking it, explaining the problem and working through changes with them.
Convert React MUI components to Tailwind with Devin
Lumos used Devin for routine tasks like MUI-to-Tailwind conversion, which went well, and its unit-test feedback loop reduced rewrites.
Run Claude Code on local models via Ollama
A guide to setting up Claude Code in IntelliJ and connecting it to local models through Ollama for coding work.
Diagnose AWS issues with read-only Claude access
A startup engineer gives Claude read-only access to AWS, logs and the database, and it investigates issues and writes a report, though it sometimes makes things up.
Get 5 like this every morning
The best things people got an AI agent to do, each with the prompt to try it.