⚙️ 엔진은 에이전트다

에이전트는 목표를 받아 스스로 여러 단계를 밟는 AI다 — 계획하고, 파일을 만들거나 고치고, 실행해 결과를 보고, 틀리면 고쳐 다시 시도한다. 이 생각-행동-관찰 루프가 코드 위에서 도는 것이 바이브코딩이다. 그래서 도구를 고르는 일은 "얼마나 똑똑한 자동완성이냐"가 아니라 "코드에 관해 이 에이전트에 얼마나, 어떻게 맡길 것인가"를 정하는 일이다.

🎨 이미지 프롬프트: "Editorial illustration on dark navy #1a1a2e background. On the left a person with a speech bubble says 'make this'. On the right an agent runs a circular loop of four stages labeled once each: 'Plan', 'Write', 'Run', 'Check'. Outside the loop a single human eye watches, approving. One short caption below reads 'Speak, it builds — you refine'. Thin line-art, teal #00b894 person and purple #6c5ce7 loop, 16:9. CRITICAL: All visible text MUST be in English ONLY (no Korean characters). Each label appears EXACTLY ONCE — short labels only, no paragraph text, keep inside the frame. No mirrored or reversed text."

📐 여섯 축

1. 방식 — 터미널(CLI)·편집기(IDE)·웹, 어디서 다루나
2. 자율성 — 한 줄 제안인가, 여러 파일인가, 앱 전체·배포까지인가
3. 승인 — 위험한 행동(삭제·실행·결제) 전에 사람에게 묻나
4. 언어·프레임워크 — 어떤 언어든 되나, 특정 스택에 묶이나
5. 가격 — 구독인가, 쓴 만큼(토큰·크레딧)인가
6. 팀 도입 — 혼자 쓰나, 팀 단위 권한·보안·감사를 붙이나

🎨 이미지 프롬프트: "Editorial illustration on dark navy #1a1a2e background showing a radar/spider chart with six axes radiating from a center dot labeled once 'tool'. The six axis tips are labeled once each: 'Mode', 'Autonomy', 'Approval', 'Language', 'Price', 'Team'. Two faint differently-shaped polygons overlay the axes, hinting that each tool has a different shape. Thin line-art, teal #00b894 axes and purple #6c5ce7 polygons, 16:9. CRITICAL: All visible text MUST be in English ONLY (no Korean characters). Each label appears EXACTLY ONCE — short labels only, no paragraph text, keep inside the frame. No mirrored or reversed text."

⌨️ CLI·에이전트 계열

개발자의 실제 작업 환경 — 터미널·편집기 안으로 들어가, 이미 있는 코드베이스를 다룬다. - 대상: 대체로 개발자 - 산출: 코드 그 자체 — 커밋·파일 수정·테스트 통과 - 일: 실무 프로젝트에서 버그 잡고, 기능 더하고, 리팩터링

🖥️ UI·앱 생성 계열

대체로 웹 브라우저에서, 처음부터 무언가를 짓는다. - 대상: 개발자만이 아니다 — 기획자·디자이너·창업자도 - 산출: 곧바로 눈에 보이는 화면이거나 배포된 앱 - 일: 아이디어를 빠르게 실물로 만들어 데모하고 검증

🧭 한 줄 소개

터미널에서 프로젝트 전체를 읽고 여러 파일을 수정하며 명령까지 실행하는 코딩 에이전트. 대화하듯 지시하면 코드를 생성하고 수정한다.

✅ 강점

코드베이스 전체를 파악한다. 큰 프로젝트를 훑어 맥락을 잡고, 여러 파일 수정을 한 번에, 테스트를 돌려 스스로 확인한다. 넓은 문맥 창에서 긴 작업을 이어 가고, Git·MCP와 맞물려 확장된다.

⚠️ 한계

터미널·Git에 익숙하지 않으면 진입 문턱. 자율성이 높은 만큼 명령 실행·파일 수정 같은 되돌릴 수 없는 행동에 승인·감독이 필요.

💳 가격

유료 구독 포함 또는 API 토큰 과금. 무거운 작업을 오래 돌리면 토큰 비용이 붙는다.

🎯 언제 쓰나

실무 코드베이스를 다루는 개발자가 터미널에서 큰 맥락을 잡아 여러 파일을 고치고 자동화하고 싶을 때.

🧭 한 줄 소개

OpenAI의 터미널 코딩 에이전트. 과거 Codex는 자동완성 모델명이었으나, 이제 로컬에서 코드를 읽고 수정하고 실행하는 에이전트로 재편됐다. 도구 자체는 오픈소스.

✅ 강점

ChatGPT 생태계 통합 — 이미 쓰는 구독에 포함돼 별도 결제 없이 터미널로 확장. 속도를 위해 Rust로 짜였고, MCP 지원, 클라우드 병렬 실행·워크트리로 여러 프로젝트를 동시에 진행한다.

⚠️ 한계

터미널 기반이라 진입 문턱, 높은 자율성엔 승인·감독. OpenAI 계정·구독 생태계에 묶인다.

💳 가격

ChatGPT 유료 등급(Plus·Pro·Business·Enterprise) 내 이용, 도구는 오픈소스로 내려받아 사용.

🎯 언제 쓰나

이미 ChatGPT를 쓰고, 터미널에서 실무 코드에 에이전트를 붙이며 여러 작업을 병렬로 돌리고 싶을 때.

🧭 한 줄 소개(현재)

구글의 터미널 코딩 에이전트는 이제 Antigravity 플랫폼의 CLI로 이어진다 — Gemini 모델 기반, 여러 에이전트 병렬 실행을 앞세운 에이전트 우선 개발 환경.

✅ 강점

구글 생태계·Gemini 밀착, 검색 기반 정보 확인, 여러 에이전트 오케스트레이션. 데스크톱 앱·CLI·SDK를 포괄하는 플랫폼으로 확장됐다.

⚠️ 한계 — 이 전환 자체가 교훈

도구 이름은 짧은 기간에 사라질 수 있다. 2026-05-19 Antigravity CLI 공개, 2026-06-18부터 무료·개인 구독 사용자에게 기존 Gemini CLI가 요청을 처리하지 않는다. 특정 이름에 워크플로를 깊이 묶으면 벤더 결정에 좌우된다.

💳 가격

구글 AI 구독 등급(무료·유료) 안. 오픈소스 코드 경로(Apache 2.0, GitHub 유지)와 유료 API 경로가 병존.

🎯 언제 쓰나

구글 클라우드·Gemini를 쓰고 여러 에이전트를 병렬로 운용하고 싶을 때. 단, 도입 전 현재 공식 이름·지원 상태를 반드시 확인.

🧭 한 줄 소개

AI를 처음부터 중심에 놓고 만든 코드 편집기(IDE). 익숙한 편집기 화면 안에서 자동완성부터 여러 파일을 고치는 에이전트까지 한자리에.

✅ 강점

코드를 보면서 다룬다. 파일·변경이 눈에 그대로 보여, 에이전트가 무엇을 고치는지 확인하며 진행. 빠른 자동완성(Tab)·멀티파일 에이전트(Composer)·백그라운드 에이전트·MCP·여러 모델 선택을 갖추고, VS Code 계열이면 갈아타기 쉽다.

⚠️ 한계

편집기 안에서 코드를 다루는 만큼 여전히 개발자용. 강력한 모델을 많이 쓰면 사용량 비용이 붙는다.

💳 가격

무료 등급 + 유료 개인·팀 등급. 상위 등급일수록 강력한 모델 사용 한도가 넓어진다. 자사 모델과 외부 모델(Claude·GPT·Gemini) 사용을 나눠 관리.

🎯 언제 쓰나

코드를 눈으로 보며 에이전트와 작업하고 싶은 개발자. 자동완성과 에이전트를 한 도구에서 오가고 싶을 때.

🧭 한 줄 소개(현재)

자율 에이전트(Cascade/Devin 계열)를 품은 코드 편집기. 자율 코딩 에이전트 Devin을 만든 Cognition의 Devin 라인으로 흡수·통합되는 중이다(2025-07-14 인수).

✅ 강점

에이전트가 편집기에 깊이 통합돼, 코드베이스를 파악하고 여러 단계를 자율로 수행한다. Devin 기술이 결합되며 자율성 쪽으로 무게가 실린다. 여러 외부 에이전트를 한 편집기에서 함께 사용하는 개방형 연동도 지향한다.

⚠️ 한계 — 소속·정책 변동

한 번 고른 도구라도 다른 회사 제품 라인으로 흡수되면 요금·정책·지원이 바뀔 수 있다. 도입 전 현재 소속·지원 상태를 확인.

💳 가격

유료 구독 중심, 통합 과정에서 등급·조건이 조정돼 왔다 — 공식 페이지에서 확인.

🎯 언제 쓰나

편집기 안에서 자율성 높은 에이전트로 작업하고 Cognition/Devin 방향에 맞출 의향이 있을 때. 단, 현재 상태를 먼저 확인.

🧭 한 줄 소개

텍스트·스케치·이미지에서 UI 디자인과 그에 맞는 코드를 뽑아 주는 도구. "이런 앱 화면을 만들어 줘"라고 말하면 화면 디자인이 나온다. (인수한 Galileo AI 기반)

✅ 강점

디자인에서 코드까지 잇는다. 여러 화면을 한 번에 생성해 흐름을 일관되게 유지하고, 결과를 HTML·CSS·Tailwind 코드로 내보낸다. Gemini 기반에 AI 네이티브 캔버스·음성 지시.

⚠️ 한계

화면·프로토타입 생성에 초점 — 복잡한 백엔드·대규모 시스템을 통째로 짓는 도구는 아니다. Labs 실험적 제품이라 기능·한도가 변할 수 있다.

💳 가격

Google Labs 무료 — 월 사용량 한도 안에서.

🎯 언제 쓰나

아이디어를 화면 디자인으로 빠르게 만들고 그 결과를 코드로 이어받아 개발할 때. 디자이너·기획자의 초기 UI 시안 작성.

🧭 한 줄 소개

Claude에게 아이디어를 전달하면 대화창 옆에서 바로 동작하는 인터랙티브 앱·도구·게임을 생성하는 기능. 코드 없이, 대화만으로.

✅ 강점

만든 결과를 바로 쓰고 링크로 공유한다. 별도 배포 없이 대화 옆 패널에 동작 결과가 뜬다. 아티팩트가 Claude API를 직접 불러 AI가 도는 작은 앱이 되고, 공유해도 상대는 API 키가 필요 없다. 지속 저장·MCP·공개 카탈로그.

⚠️ 한계

가벼운 도구·프로토타입에 적합하다 — 크고 복잡한 프로덕션 시스템에는 부적합하다. Claude 생태계 안에서 동작하는 결과물이다.

💳 가격

Claude 무료·유료 등급 안. 무료로도 만들고, 유료에서 한도·성능이 넓어진다.

🎯 언제 쓰나

코드를 모르는 사람이 작은 도구·계산기·대시보드·게임을 대화로 빠르게 만들어 바로 공유하고 싶을 때.

🧭 한 줄 소개

프롬프트나 디자인에서 웹 프런트엔드(그리고 풀스택 앱)를 생성하는 도구. 개발자가 실제로 쓰는 현대 웹 스택으로 결과를 낸다.

✅ 강점

개발자 친화적 산출. 결과가 React·Next.js·Tailwind 실무 스택의 깔끔한 코드로 나와, 그대로 프로젝트에 이어 붙이기 좋다. Vercel 배포와 맞물려 바로 웹에 올릴 수 있고, 디자인→코드 변환도 지원한다.

⚠️ 한계

특정 스택(React 계열) 중심 — 다른 프레임워크엔 폭이 좁다. 비개발자에겐 Stitch·Artifacts보다 개발자 쪽 개념에 가깝다.

💳 가격

무료 등급(소액 크레딧) + 유료 등급. 2026년 들어 생성마다 토큰 사용량 과금으로 바뀌어, 복잡한 요청일수록 소모가 크다.

🎯 언제 쓰나

React·Next.js로 웹 UI·앱을 빠르게 만들고 그 코드를 실제 프로젝트로 가져가 이어서 개발하려는 개발자·팀.

💚 Lovable — 비개발자를 위한 제품 빌더

채팅으로 대화하며 코드를 몰라도 실제 소프트웨어를 완성한다. DB·인증(Supabase) 연동이 성숙해 로그인·저장 앱을 별도 설정 없이 구성할 수 있다. UI 완성도가 높아 "프로토타입"보다 "실제 제품"에 가깝다. 대신 스택(React·TS·Tailwind·Supabase)에 종속된다.

⚡ Bolt.new — 개발자를 위한 클라우드 IDE

파일 트리·터미널·편집기를 갖춘 웹 개발 환경. 여러 프레임워크(React·Next·Vue·Svelte)를 지원해 스택 자유도가 높고 모델 선택 폭도 넓다. 코드를 직접 제어하려는 개발자에게 적합하다.

⚠️ 한계·💳 가격 (공통)

매우 크고 복잡한 시스템에는 한계가 있고, 생성 코드는 사람의 검토가 필요하다. 둘 다 사용량 과금(Lovable=메시지·크레딧, Bolt=토큰) — 사용량이 많으면 비용이 커진다.

🧭 한 줄 소개

자연어 설명을 받아 앱을 짓는 전 과정을 스스로 밟는 자율 에이전트. 파일 생성·패키지 설치·로직 작성·DB 설정·서버 구성·실행·오류 수정·배포까지, 수동 코딩 없이.

✅ 강점

끝까지 자율. 목표를 주면 앱 생성부터 배포까지 자동으로 처리한다. 브라우저 안 통합 환경이라 설치가 필요 없고, 외부 서비스 연동 폭이 넓다. 최근 세대는 한 번에 오랜 시간(수십~수백 분) 자율 실행이 가능하고, 협업 기능도 지원한다.

⚠️ 한계

자율성이 높은 만큼 감독이 중요 — 여러 단계를 스스로 진행하는 도구는 잘못된 중간 결과 위에 다음 작업을 쌓는다. 복잡한 요구일수록 검토·수정 몫이 커진다.

💳 가격

무료 시작 + 유료(에이전트 자율 작업량 과금).

🎯 언제 쓰나

아이디어를 동작하는 배포 앱까지 한 번에, 수작업을 최대한 줄여 구현하고 싶을 때. 자율성을 크게 부여하되 결과를 감독할 준비가 됐을 때.

🧭 한 줄 소개

Figma 캔버스에서, 프롬프트로 동작하는 인터랙티브 프로토타입·앱을 만드는 기능. 별도 도구로 옮기지 않고 디자인 작업 환경에서 바로 진행한다.

✅ 강점

디자인 워크플로와 밀착. 기존 Figma 화면·프레임을 바탕으로 자연어로 레이아웃·흐름·동작을 정의해 인터랙티브한 결과물을 얻는다. 이미지·영상·문서를 프롬프트에 첨부해 방향을 잡고, 디자이너는 익숙한 환경을 벗어나지 않는다.

⚠️ 한계

Figma 생태계·구독 내에서 동작하는 기능. 대규모 프로덕션 앱보다 디자인을 동작하는 형태로 빠르게 구현하는 데 초점.

💳 가격

Figma 구독 안에서 제공 — 사용 조건·한도는 Figma 요금 체계를 따른다.

🎯 언제 쓰나

이미 Figma로 디자인하고 있고, 그 디자인을 동작하는 프로토타입으로 바로 구현해 보여 주고 싶을 때.