CSS 몇 줄이면 될 걸 JS 100줄로…크롬·파이어폭스·엣지, AI 코딩 에이전트용 '웹 지침' 1.0 냈다

"AI 코딩 에이전트는 최신 HTML·CSS로 몇 줄이면 되는 기능을 자바스크립트 100줄로 신나게 짠다." 구글 크롬 개발자 계정이 10일(현지시간) X에 올린 이 글은 '좋아요' 1500여 개, 북마크 1400여 개를 받았다.

크롬은 모질라(파이어폭스)·마이크로소프트 엣지와 함께 '모던 웹 가이던스(Modern Web Guidance)' 1.0을 정식 공개했다. 코딩 에이전트에 붙이는 스킬 묶음으로, 브라우저 엔지니어와 접근성 전문가가 검수한 지침 200여 개와 브라우저 호환성 데이터(Baseline)를 담았다. 프로젝트 폴더에서 `npx modern-web-guidance@latest install`로 설치하고, 1.0에 추가된 `/modern-web-guidance Modernize the code in this directory` 명령으로 기존 코드의 낡은 우회 코드와 필요 없는 폴리필을 찾게 할 수 있다. 크롬은 어떤 모델·에이전트에서든 쓸 수 있다고 밝혔다.

크롬 블로그에 따르면 최신 모델도 키보드 포커스·동작 줄이기 같은 접근성, 팝오버·다이얼로그 전환 같은 사용자 경험, 레이아웃 밀림 방지 같은 성능, HTML 소독·콘텐츠 보안 정책 같은 보안을 자주 놓친다. 크롬 측은 기존 앱으로 한 자체 평가에서 모범 사례 통과율이 약 30%포인트 올랐다고 답글에서 밝혔다.

반론도 있었다. "저장소가 이미 제이쿼리로 가득하면 에이전트는 지침을 찾아보기 전에 방금 읽은 패턴부터 따라 한다"는 답글에 크롬 계정은 "기존 패턴의 끌림이 강한 건 맞다"며 그래서 스킬이 프런트엔드 코드를 쓰기 전 '필수'로 표시된다고 답했다. 크롬은 첫 정리 기능이 정해진 패턴만 정적 분석으로 찾는 좁은 범위로 시작한다고 덧붙였다.