# 프레임워크별 AI 개발 비용 TOP 10

같은 앱을 Claude Code가 JS 프레임워크마다 5번씩 만든 비용의 중앙값입니다. 비용이 낮은 순서로 10개를 모았습니다.

- Language: ko
- Published: 2026-11-02
- Tags: web, ai-coding, benchmark
- URL: https://devs7ud.io/rankings/ranking-ai-frontend-cost
- Translation (en): https://devs7ud.io/en/rankings/ranking-ai-frontend-cost-en.md

- Ranking: alltime, as of 2026-10-28
- Source: Nolan Lawson, The AI cost of JavaScript frameworks - https://nolanlawson.com/2026/10/28/the-ai-cost-of-javascript-frameworks/
- Basis: Claude Code\(Opus 5.5\)가 같은 포켓몬 앱을 프레임워크마다 5번씩 만든 비용의 중앙값이에요. 낮을수록 높은 순위예요. 비용은 API 가격 환산이라 실제 지출과 달라요. 앱 하나, 에이전트 하나, 크롬과 홈 화면만 잰 결과예요. 12개 중 낮은 10개만 실었고 기준일은 원문 게시일이에요.

1. Hono+htmx ($2.67) - https://hono.dev - 범위 $2.23\~$3.19, 8.6분
2. Astro ($2.76) - https://astro.build - 범위 $2.16\~$3.63, 8.2분
3. Nuxt ($2.82) - https://nuxt.com - 범위 $2.39\~$4.25, 9.0분
4. Vanilla \(Vite\) ($2.98) - https://vite.dev - 범위 $2.24\~$3.37, 10.1분
5. Next.js ($3.14) - https://nextjs.org - 범위 $2.58\~$4.13, 10.9분
6. Qwik ($3.27) - https://qwik.dev - 범위 $2.35\~$3.80, 10.7분
7. TanStack Start ($3.54) - https://tanstack.com/start - 범위 $3.11\~$3.96, 10.3분
8. SolidStart ($3.79) - https://start.solidjs.com - 범위 $2.84\~$4.81, 11.2분
9. React Router ($3.81) - https://reactrouter.com - 범위 $2.82\~$3.97, 12.5분
10. SvelteKit ($4.28) - https://svelte.dev/docs/kit - 범위 $3.59\~$4.65, 10.8분

Nolan Lawson이 같은 포켓몬 앱을 프레임워크 12개로 5번씩 만들게 했습니다. 맡은 쪽은 Claude Code(Opus 5.5)입니다. 중앙값으로 가장 싼 쪽은 Hono+htmx($2.67)이고, Astro($2.76)와 Nuxt($2.82)가 뒤를 잇습니다. 10위 SvelteKit($4.28)은 1위의 약 1.6배입니다. 11위와 12위는 Gracile+Lit과 Angular인데, 표에는 상위 10개만 싣는 규칙이라 넣지 않았습니다. 수치는 [원문](https://nolanlawson.com/2026/10/28/the-ai-cost-of-javascript-frameworks/)에서 볼 수 있습니다.

순위 사이의 간격보다 한 프레임워크 안의 흩어짐이 더 큽니다. 1위 Hono+htmx의 가장 비싼 한 번($3.19)이 5위 Next.js의 가장 싼 한 번($2.58)보다 비쌉니다. 한두 칸 차이는 같은 수준으로 보는 편이 맞습니다. 앱이 하나이고 에이전트도 하나입니다. 비용은 API 가격으로 환산한 값이라 실제로 낸 돈과 다릅니다. 원문 저자도 같은 한계를 밝히면서, 지금의 MCP와 스킬이 도움보다 해가 될 수도 있다고 의심합니다. 코드와 결과는 [벤치마크 저장소](https://github.com/nolanlawson/agent-framework-benchmark)에 있습니다.

AI에게 프런트엔드를 맡길 때 쓰는 프레임워크를 댓글로 남겨 주시기 바랍니다.