modern-web-guidance-src: 코딩 에이전트가 쓰는 구식 패턴, 250개 최신 웹 API로 교체

LLM 기반 코딩 에이전트는 학습 데이터에 포함된 구식 코드 패턴을 그대로 따라 쓰는 경향이 있다. 이로 인해 브라우저가 이미 지원하는 네이티브 기능을 대신하기 위해 불필요한 JavaScript를 생성하거나, 무거운 폴리필을 도입하는 문제가 발생한다. Modern Web Guidance는 이러한 에이전트의 컨텍스트에 최신 웹 플랫폼 지식을 직접 주입해 구식 패턴 사용을 차단한다.

Google Chrome, Microsoft Edge, Mozilla Firefox, MDN 팀이 공동으로 관리하는 이 프로젝트는 250여 개의 최신 웹 기능을 다루는 가이드라인을 제공한다. CSS 레이아웃, 성능 최적화, 접근성, 네이티브 폼 컴포넌트, 브라우저 내장 AI API 등 다양한 영역을 포괄하며, 모델이 이미 알고 있는 기초적인 내용은 제외하고 실전에 필요한 최신 구현 패턴에 초점을 맞춘다.

단순 문서가 아니라 에이전트가 직접 소비하도록 설계된 스킬 세트다. CLI를 통해 특정 주제에 대한 가이드를 검색하거나, 기존 코드베이스에서 현대화가 필요한 구식 패턴을 스캔할 수 있다. 브라우저가 최적화할 수 있는 플랫폼 레벨 API를 우선적으로 사용하도록 유도하고, 가벼운 폴백 전략을 제시함으로써 생산 환경에 적합한 코드를 생성하도록 돕는다.

AI 코딩 도구를 활용하되, 생성된 코드의 품질과 현대성을 보장하고 싶은 개발자에게 적합하다. 특히 View Transitions, Popover API, Container Queries 등 최신 웹 표준을 적용해야 하는 프로젝트에서 에이전트의 출력 품질을 높이는 데 활용할 수 있다.