Artificial Intelligence1 min read

Show HN: Get your coding agent off ~2019 JavaScript, onto modern web primitives

By · Published by Everything Blog

In short

The initiative delivers curated guidance directly into an agent's context window through a command-line interface. It covers modern features such as the Popover API, container queries, Anchor Positioning, and on-device translation models to displace unnecessary third-party libraries. Programmers can integrate the system using an npx wizard, search documentation by tags, or scan their codebases for outdated implementations. Guidance files undergo continuous evaluations to strip out basic knowledge that language models grasp, reserving prompt tokens for difficult platform APIs.

Key points

  • Training datasets bias automated coding assistants toward outdated JavaScript solutions t…: Training datasets bias automated coding assistants toward outdated JavaScript solutions that native browser standards have rendered obsolete.
  • Token-efficient context injection prioritizes built-in accessibility affordances and brow…: Token-efficient context injection prioritizes built-in accessibility affordances and browser-native primitives over legacy libraries.
  • Continuous evaluation benchmarks prune fundamental information to focus context windows s…: Continuous evaluation benchmarks prune fundamental information to focus context windows strictly on intricate modern web specifications.

Sources checked by our analysis pipeline: 1

Modern Web Guidance is a set of skills that embed web platform expertise, best practices, and browser compatibility data directly into your coding agents. It helps to steer your coding agents away from legacy patterns, and instead toward solutions that harness the power and capabilities of the modern web platform.

Stewarded by the Google Chrome, Microsoft Edge, Mozilla Firefox, and MDN teams, alongside the web development community.

Documentation · Eval Dashboard · Source Code · Report an Issue

npx modern-web-guidance@latest install

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

# 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 .

Coding agents often default to older patterns because LLM training data contains vast amounts of legacy code. This often leads them to generate bloated JavaScript for tasks that now have native, high-performance web platform solutions.

Even if a model knows an API exists, it often lacks the…

Artificial Intelligence