구글 크롬팀, 코딩 에이전트를 2019년식 JS에서 최신 웹 API로 옮기는 스킬 저장소 공개
- 구글 크롬팀이 GoogleChrome/modern-web-guidance 저장소를 v1.0.0으로 공개함. 코딩 에이전트가 2019년식 자바스크립트 대신 최신 웹 프리미티브를 쓰도록 스킬 문서와 플러그인을 제공하는 구조이고, 커밋 216개에 태그가 163개 붙어 있음.
- 저장소에는 Claude, Codex, Cursor, Grok용 플러그인 디렉터리가 각각 따로 들어 있고, 실제 내용은 skills 폴더의 문서에 있음. npm 패키지로 배포되며 developer.chrome.com/docs/modern-web-guidance/guides에서도 볼 수 있음.
- 논의에서 Mozilla Firefox와 Microsoft Edge도 이 프로젝트에 참여한 사실이 확인됨. 크롬, 파이어폭스, 엣지, 사파리가 모두 지원하는 Web Baseline 항목만 권고해 크롬 편중 우려를 반박함.
- 레거시 스캔 기능은 오탐을 피하려고 명확히 탐지되는 패턴만 잡아서 전체 스킬 문서의 약 20%만 커버함. 한 달 안에 50%까지 올리고 Promise.withResolvers, Array 이터레이터, Object.groupBy, URLSearchParams 사례를 추가할 계획임.
- 설치 없이 쓰는 배포 방식 제안도 나옴. GitHub Pages에 grep 가능한 마크다운 인덱스를 올려 에이전트가 HTTP 요청만으로 필요한 문서를 찾아가게 하자는 것에 대해, 이미 Chrome 개발자 문서에 있다는 답이 달림.
Hacker News 의견들
AI 시대엔 베스트 프랙티스가 죽은 거나 다름없어. 곧 아무도 AI가 뱉은 코드를 안 읽게 될 텐데 그게 좀 무섭다.
죽긴 뭐가 죽어. 사용자 경험이 좋아지는 결과로 이어지면 살아 있는 거지. 개발자 편의성 쪽으로 관심이 옮겨간 건 맞지만.
유지보수성이 다음 전선임. 에이전트가 1천 줄짜리 해법을 쌓게 두면 코드베이스를 이해할 능력에서 금방 멀어져. 나는 ResizeObserver에 setTimeout 붙인 60줄보다 CSS 한 줄을 택함. 키보드 탐색이나 레이아웃 시프트도 프론트 베스트 프랙티스고.
모던 웹 프리미티브가 무조건 베스트 프랙티스는 아님. 브라우저별 구현 함정은 코드 품질과 무관한 이유로 10년씩 걸려서 정리됨. 결국 기기랑 브라우저 조합별 수동 테스트는 못 피하고, AI는 그 문제를 없애기는커녕 사람들이 코드를 안 보게 만들어서 더 나쁘게 함.
드디어 나왔네. 최신 기능 두 줄로 바꿀 수 있는 코드 뭉치를 리뷰하면서 직접 반쪽짜리 도구를 만들던 참이었는데.
배포 방식 하나 제안함. npm 말고 GitHub Pages에 마크다운 인덱스를 올려줘. 에이전트가 HTTP로 인덱스 받아서 문서 찾아가면 설치도 MCP도 필요 없어짐.
developer.chrome.com/docs/modern-web-guidance/guides에 이미 있음. 더 명확하게 만들 수는 있겠지만.
크롬은 브라우저 표준에서 이미 힘이 너무 셈. 모든 LLM이 크롬팀 가이드를 따르게 되는 건 '이 사이트는 크롬에서 보세요'로 돌아가는 길임.
Mozilla Firefox랑 Microsoft Edge도 이 프로젝트 기여자임. 크로스 브라우저 작업이라고.
Web Baseline 프로젝트에 크롬팀이랑 Mozilla가 같이 들어가 있고, 크롬, 파이어폭스, 엣지, 사파리가 지원하는 것만 권고함.
Gemini에 붙이려면 Tasks 모드로 가서 '완벽한 HTML 연락처 폼 만들어줘. developer.chrome.com/docs/modern-web-guidance/guides를 끝까지 읽고 잘려도 멈추지 마' 이렇게 시키니까 됐음. 일반 Gemini는 했다고 말만 하고 대충 넘어감.
몇 달 전에 추가했는데 Claude Doctor가 아직 안 지우고 있음. 잘 돌아가고 있다는 뜻이지.
스킬은 평균보다 나은데 내 코드에 레거시 스캔 돌리니까 두 개만 걸리더라. 학습이 스킬보다 낫다는 생각은 그대로지만 약한 모델엔 쓸모 있음.
레거시 스캔은 명확히 탐지되는 패턴만 잡고 오탐을 피하도록 튜닝해서 전체 스킬 문서의 20%만 겹침. 한 달 뒤 50%까지 올릴 예정이고 Promise.withResolvers, Array 이터레이터, Object.groupBy, URLSearchParams 사례도 추가함.
레거시 코드가 매일 더 쌓일수록 웹은 하위 호환에 묶임. 나는 이건 멀리할 생각임.
좋은 아이디어임. JS 생태계가 커지는 동안 HTML, CSS, 웹 컴포넌트 쪽에 나온 신기능 소식은 따라가지 못했음.
프로그래밍이 이제 마크다운 파일 정리하는 일이 됐다는 건 좀 씁쓸함. 모델이 만든 문서를 또 다른 모델이 쓰고.
React가 레거시 기술이라는 Alex Russell 발언이 묻힌 걸 다루는 글을 쓰는 중인데 딱 맞춰 나왔네. 그 사람은 이 주제로 수만 단어를 써놨으니까 인용 한 줄로 끝날 얘기는 아님.