AI 에이전트가 선호하는 JS 프레임워크는?
원제: The AI cost of JavaScript frameworks
왜 중요한가
에이전트 기반 개발이 확산되면서 프레임워크 선택이 AI 비용과 품질에 미치는 영향을 실측 데이터로 분석한 첫 시도 중 하나로, 개발 의사결정에 실증적 근거를 제시한다.
소프트웨어 엔지니어 Nolan Lawson이 2026년 10월 28일 AI 에이전트가 각기 다른 JavaScript 프레임워크로 동일한 Pokémon 앱을 빌드하게 한 벤치마크 결과를 공개했다. Next.js, Nuxt, SvelteKit 등을 대상으로 개발 시간, 토큰 소비량, 코드 라인 수, Lighthouse 성능·접근성 점수를 비교 측정했다.
웹 개발 커뮤니티에서 AI 에이전트 시대에도 여전히 '느낌'에 근거한 프레임워크 선택이 만연하다는 문제의식에서 출발한 벤치마크다. Lawson은 "어떤 프레임워크가 에이전트에게 더 좋다"는 주장들이 대부분 증거 없이 유통된다고 지적하며, 직접 실험을 설계했다.
실험 구조는 다음과 같다. PokéAPI를 활용한 Pokémon 목록 앱(검색·필터 기능 포함)을 스펙으로 정의하고, Claude Opus 5.5(고강도 설정)에게 각 프레임워크의 공식 MCP 또는 skills를 활용해 앱을 빌드하도록 지시했다. 에이전트는 샌드박스 환경에서 실행됐으며, Lighthouse 성능·접근성 평가 대상임을 사전에 고지받지 않았다. 평가 지표는 개발 소요 시간, 토큰 사용량, 코드 라인 수, Lighthouse 점수 네 가지다.
공정성을 위해 SSR·CSR, SPA·MPA 등 아키텍처를 강제하지 않았고, Tailwind·Bootstrap 같은 CSS 프레임워크 사용도 금지해 JS 프레임워크 자체의 차이에 집중했다. 각 프레임워크의 공식 MCP를 사용하도록 한 것은 '훈련 데이터 편향' 논란을 방지하기 위한 조치다.
Lawson은 이 앱이 상호작용이 적은 콘텐츠 중심 사이트에 해당한다며 단일 사례 연구임을 명시했다. 완전한 실험 결과와 수치 분석은 원문 포스트에서 공개됐다.