주인장은 어떻게 작업할까? 커서 + 클로드 코드 작업 환경 세팅 가이드(feat. 카드 뉴스 제작 프로그램 만들기)

커서 하나로 채팅·터미널·클로드 코드·코덱스까지 묶는 에이전트 작업 환경을, 실제 화면으로 따라잡습니다. 윈도우/맥에서 터미널·스플릿, Antigravity 연동, Gmail·구글 문서 업무 자동화, 원고 기반 보도자료 초안, 그리고 Hero UI로 카드뉴스 제작 앱까지 이어지는 흐름과 “컨텍스트·플랜 모드” 팁, 20달러 플랜 토큰 사용량까지 정리했습니다.

타임라인
0:00 인사·에이전트 가이드 복귀, 오늘 주제(클로드·커서 조합 최적 환경)
0:33 커서를 중심에 두고 클로드 코드·코덱스를 선택적으로 쓰는 그림
0:38 커서 $20 플랜·Composer 할당, 왜 커서를 같이 쓰는지
1:22 윈도우 화면으로 실습, 프로필·플랜 설정
2:17 Antigravity 대안·커서 입지, 새 프로젝트 폴더 만들기(에이전트는 폴더 기준)
3:02 레이아웃·채팅 토글, 커서를 서버/허브로 쓰는 감각
3:38 터미널에서 클로드 실행·채팅과 병행, 동시에 여러 에이전트에 일 시키기
4:13 확장·컨테이너로 클로드가 커서 안에서 잘 돌게 세팅
4:47 윈도우는 팀워크 한계 → 스플릿 터미널로 클로드·코덱스 병행
5:20 터미널과 플랫폼 연계로 생산성, 터미널 익숙해지기 조언
6:18 코덱스 결제자는 창 두 개(코덱스+커서) 열어두고 쓰기
7:24 Antigravity 설치·맥 실리콘, 터미널만 띄워도 클로드 코드
8:04 Antigravity에서 폴더·터미널·팀워크·스플릿(클로드/코덱스)
9:17 에이전트는 바이브 코딩만이 아님, 실무 활용 소개
10:02 Gmail MCP·최근 메일 요약·답장 초안·임시보관함 워크플로
11:20 출간 원고 읽고 보도자료 작성까지 시키는 흐름
12:51 커서로 동일 업무·토큰 효율 시연
13:21 원고 파악 → 보도자료 양식에 맞춰 채우기(구글 드라이브 문서)
15:34 윈도우 인코딩·파싱 이슈 언급
16:06 원고 특징 살려 카드뉴스 제작 앱 만들기, Hero UI·트렌디한 색·폰트
17:33 플랜 모드로 계획 세우고 빌드 시키기
18:24 보도자료 초안 생성·양식 맞춤·검수는 사람이 한다는 전제
20:49 예전 하루~이틀 걸리던 초안이 짧은 시간으로 줄었다는 비교
22:17 촬영 내내 토큰 사용량 체크(1~2%대 등)
23:12 인코딩 문제로 작업 멈춤·맥이 더 매끄럽다는 코멘트
24:38 플랜 문서에 UI 미리보기 반영, 4:5 비율·색 팔레트 조정
27:44 계획이 잡힌 뒤 개발 진행, 카드뉴스 앱 완성까지
29:58 로컬 실행·편집기·슬라이드·보내기 확인
31:29 텍스트 레이아웃·폰트 수정 요청으로 다듬기
32:28 참고 이미지·캡처로 디자인 의도 전달(컨텍스트의 중요성)
35:12 윈도우↔맥 이미지 넣어 레이아웃·분위기 지시
37:31 완성 앱 시연·슬라이드 추가·보내기·ZIP 확인
39:21 카드뉴스 이미지 활용, 자동화까지 확장 가능
39:54 정리·터미널에서 클로드·드래그앤드롭·교차 검증
40:18 마무리·토큰 3~4% 수준, “비는 건 컨텍스트” 메시지

오늘 다룬 내용
- 커서를 허브로 두고 채팅·터미널·클로드 코드(·코덱스)를 한 화면에서 쓰는 세팅
- 윈도우 스플릿 터미널, Antigravity에서의 폴더·팀워크·멀티 에이전트 배치
- Gmail·구글 문서(드라이브) 연동으로 메일·보도자료 같은 실무를 에이전트에 위임하는 예
- 원고·플랜 문서 등 풍부한 컨텍스트와 플랜 모드로 카드뉴스 제작 웹앱까지 만드는 과정
- Hero UI·비율·색·레이아웃을 프롬프트와 참고 이미지로 반복 수정하는 법
- Composer 포함 커서 유료 플랜에서의 토큰 사용 체감과 실무 팁

#에이전트 #Cursor #ClaudeCode #Codex #Antigravity #바이브코딩 #MCP #구글워크스페이스 #Gmail #구글문서 #HeroUI #카드뉴스 #AI코딩 #개발환경 #프롬프트엔지니어링