ego lite 클로드 코드 연결, 의류 브랜드 조사부터 인스타 게시까지

ego lite는 사람과 AI 에이전트가 한 브라우저를 같이 쓰도록 만든 무료 브라우저입니다. 클로드 코드(Claude Code)에 ego lite를 연결하면 여러 에이전트가 각자 공간에서 동시에 웹 작업을 하는 동안 내 탭과 커서는 그대로 쓸 수 있습니다. 이 글은 이 조합으로 의류 브랜드 하나를 만들어 보는 31단계, 즉 시장조사, 브랜드 방향 정하기, 코덱스 이미지, 브랜드 사이트, 인스타그램 게시까지의 순서와 실제 계정을 맡길 때의 주의점을 정리합니다.

ego lite는 어떤 브라우저인가

ego lite는 시트로 랩스(Citro Labs)가 만든 크로미움(크롬의 바탕이 되는 오픈소스 브라우저) 기반 브라우저입니다. 핵심은 스페이스(Space)입니다. 에이전트마다 따로 격리된 스페이스를 받아서 일하기 때문에 작업끼리 부딪히지 않고, 사람은 앞쪽에서 평소처럼 브라우징을 계속할 수 있습니다. 어느 스페이스에서 에이전트가 일하는지 보이고, 필요하면 넘겨받거나 멈출 수 있습니다.

• 가격: 무료입니다.
• 운영체제: 공식 GitHub 안내 기준 macOS(애플 실리콘, 인텔)와 윈도우용 앱(베타)이 있고, 리눅스는 계획 중입니다. 처음 나왔을 때는 맥 전용이었으니 내 운영체제용 앱이 있는지 공식 사이트(lite.ego.app)에서 확인합니다. 윈도우에서 비슷한 일을 하려면 Aside 브라우저를 대안으로 쓸 수도 있습니다.
• 에이전트 연결: 클로드 코드, 코덱스, 커서 같은 코딩 에이전트가 ego-browser라는 오픈소스 스킬을 통해 브라우저를 다룹니다. 앱을 설치하면 이 스킬이 에이전트들의 스킬 폴더에 함께 깔립니다.

꼭 알고 시작할 점: 로그인된 계정을 에이전트가 그대로 쓴다

처음 실행할 때 크롬 데이터를 가져오면 로그인 정보, 쿠키, 확장 프로그램, 즐겨찾기가 넘어옵니다. 그래서 인스타그램이나 무신사에 미리 로그인만 해 두면 에이전트가 따로 로그인하지 않고 바로 들어갑니다.

편한 만큼 위험도 같이 커집니다. 에이전트가 내 실제 계정으로 프로필을 바꾸고 게시물을 올리고 구매 내역을 열 수 있다는 뜻입니다. ego lite 안내에 따르면 브라우저 데이터와 쿠키는 내 기기에 남지만, 에이전트가 무엇을 하게 둘지는 사용자가 정해야 합니다. 처음에는 테스트용 계정으로 해 보고, 올리기 전에 내용을 확인하는 편이 안전합니다. 인스타그램 이용약관은 허가 없는 자동 수집을 막고 있으니 대량 수집이나 반복 자동 게시는 하지 않습니다.

따라 하기 전에 준비할 것

• 클로드 코드를 쓸 수 있는 환경. 클로드 코드는 Pro·Max·Team·Enterprise 같은 유료 요금제에서 쓸 수 있습니다.
• ego lite 앱(무료).
• 이미지를 만들려면 ChatGPT Plus 이상 계정. 코덱스(Codex)의 이미지 생성은 무료 요금제에 없습니다.
• 인스타그램, 무신사처럼 로그인이 필요한 곳은 미리 로그인.

요금은 자주 바뀌니 각 서비스의 공식 안내를 확인합니다.

1. 설치하고 연결하기 (1~7단계)

1단계. 클로드 코드를 준비한다. - 확인: 터미널이나 클로드 데스크톱 앱에서 클로드 코드를 쓸 수 있는 상태입니다.

2단계. ego lite 공식 사이트(lite.ego.app)나 GitHub 저장소(citrolabs/ego-lite)에서 앱을 내려받는다. - 확인: 내 운영체제용 설치 파일이 내려받아집니다.

3단계. ego lite 앱을 설치한다. - 확인: 앱이 설치되고, ego-browser 스킬이 클로드 코드 스킬 폴더에 함께 들어갑니다. 앱 없이 스킬만 먼저 넣으려면 터미널에서 npx skills add citrolabs/ego-lite를 실행해도 됩니다. 이 경우 처음 브라우저 작업을 시킬 때 에이전트가 앱 설치를 안내합니다.

4단계. ego lite를 처음 실행한다. - 확인: 크롬 데이터를 가져올지 묻는 창이 뜹니다.

5단계. 그 창에서 데이터를 가져오는 쪽을 누른다. - 확인: 크롬에서 로그인해 둔 사이트를 에이전트가 그대로 쓸 수 있게 됩니다. 가져오고 싶지 않다면 건너뛰고 6단계에서 필요한 사이트에만 직접 로그인합니다.

6단계. ego lite에서 인스타그램과 무신사에 미리 로그인해 둔다. - 확인: 두 사이트가 로그인된 상태로 열립니다.

7단계. 클로드 코드에서 ego lite를 부르는 슬래시 명령을 입력하고, 한 칸 띄운 뒤 시킬 일을 적는다.

/ego-browser

• 확인: 명령 뒤에 시킬 일을 문장으로 적으면 에이전트가 ego lite의 스페이스에서 작업을 시작합니다.

2. 시장조사 맡기기 (8~10단계)

8단계. 조사 요청을 입력한다.

인스타그램에서는 브랜드 분위기를, 공식 사이트와 무신사에서는 실제 제품과 사이트 구성을, 핀터레스트에서는 디자인 참고 이미지를 찾아 달라. 그리고 모은 자료로 내 브랜드 방향까지 제안해 달라.

• 확인: 클로드 코드가 일을 쪼개 서브 에이전트(일을 나눠 맡는 보조 에이전트)를 여러 개 띄우고, ego lite에는 에이전트마다 스페이스가 하나씩 열립니다.

9단계. 스페이스를 하나씩 열어 본다. - 확인: 인스타그램 스페이스는 패션 브랜드 계정을 돌며 분위기를 보고, 공식 사이트⁠·무신사 스페이스는 제품 페이지와 사이트 구성을, 핀터레스트 스페이스는 참고 이미지를 모읍니다.

10단계. 작업이 도는 동안 다른 일을 한다. - 확인: 내 화면의 커서와 탭은 그대로입니다. 에이전트는 각자 스페이스에서 일합니다.

3. 브랜드 이름과 방향 정하기 (11~16단계)

11단계. 조사가 도는 동안 브랜드 이름 후보를 요청한다. - 예: "고급스럽지만 어렵지 않은 의류 브랜드 이름 후보를 10개 뜻과 함께 제안해 줘." - 확인: 후보가 나옵니다.

12단계. 후보 중 하나로 이름을 정한다. - 예: 해시계라는 뜻의 "썬디얼(Sundial)"처럼 뜻이 분명한 이름을 고르면 이후 이미지와 문구 방향을 잡기 쉽습니다. - 확인: 브랜드 이름이 정해집니다.

13단계. 조사가 끝나면 기획서를 읽는다. - 확인: 요즘 관찰된 패턴, 경쟁 브랜드, 가격대, 실루엣까지 정리되어 있습니다. 가격대와 경쟁 브랜드 정보는 에이전트가 모은 것이라 중요한 숫자는 원 페이지에서 한 번 더 확인합니다.

14단계. 제안된 방향 3가지를 비교한다. - 확인: 예를 들면 구조감 있는 테일러링, 그림자를 앞세운 브라운 톤의 조금 더 젊은 비주얼, 소재 정보를 전부 공개하는 투명한 테일러링처럼 성격이 다른 세 방향이 나옵니다.

15단계. 방향 하나를 고른다. - 예: 로고 없는 옷을 좋아한다면 소재와 만듦새를 앞세우는 투명한 테일러링 쪽이 맞습니다. - 확인: 방향이 정해집니다.

16단계. 한 줄을 덧붙인다.

조금 더 젊은 층도 같이 잡고 싶다.

• 확인: 고른 방향에 요청이 반영됩니다.

4. 브랜드 이미지 만들기 (17~22단계)

클로드는 이미지를 직접 만들지 못합니다. 그래서 이미지는 코덱스의 GPT 이미지로 만들고, 클로드가 그 결과를 가져와 쓰는 구조로 갑니다.

17단계. 코덱스에 ChatGPT Plus 이상 계정으로 로그인할 준비를 한다. - 확인: 쓸 ChatGPT 계정이 Plus 이상입니다.

18단계. 클로드에게 코덱스 CLI 설치를 요청한다. - 예: "여기서 이미지를 뽑을 수 있게 코덱스 CLI를 설치하고 연결해 줘." - 확인: 클로드가 설치 명령(npm install -g @openai/codex)을 실행해도 되는지 물으면 허용합니다. 코덱스 로그인 창이 열리면 ChatGPT 계정으로 로그인합니다.

19단계. 코덱스의 이미지 생성 명령으로 이미지를 만들어 와서 쓰자고 요청한다.

$imagegen

• 확인: 코덱스가 만든 이미지를 클로드가 가져와 쓰는 구조가 됩니다.

20단계. 첫 이미지를 요청한다.

모델은 서양인 남녀로, 평범하지 않으면서 사고 싶은 세련된 분위기로 만들어 달라.

• 확인: 이미지가 도착합니다.

21단계. 결과를 확인한다. - 확인: 첫 결과는 무난하지만 개성이 약한 경우가 많습니다. 로고가 밋밋하거나 코트에 보풀이 일어난 것처럼 보이는 식입니다. 고칠 점을 구체적으로 적어 둡니다.

22단계. 고칠 점을 한 번에 요청한다.

모델은 더 대담하게, 로고는 더 개성 있게, 그리고 보풀 느낌은 지워 달라.

• 확인: 옷이 매끈해지고 로고도 달라집니다. 마음에 들 때까지 같은 방식으로 한두 번 더 고칩니다.

5. 브랜드 사이트 만들기 (23~25단계)

23단계. 사이트 제작을 요청한다.

이 이미지로 사이트도 만들어 달라. 일단 내 컴퓨터에서 띄워 보고, 나머지는 알아서 판단해라. 봐도 자부심이 느껴질 정도로 만들어 달라.

• 확인: 사이트 파일이 만들어지고, 클로드가 내 컴퓨터에서 여는 주소(보통 http://localhost:로 시작)를 알려 줍니다. 주소가 없으면 "로컬 서버로 띄우고 주소를 알려 줘"라고 요청합니다.

24단계. ego lite 안에서 사이트를 연다. - 확인: 이미지와 브랜드 분위기가 담긴 사이트가 보입니다. 모델과 분위기는 잘 나와도 문구는 아쉬울 수 있으니 문구만 따로 다듬어 달라고 요청합니다.

25단계. 상품을 클릭한다. - 확인: 상세 페이지로 넘어갑니다.

6. 인스타그램 운영 맡기기 (26~28단계)

26단계. 프로필 업데이트와 게시물 업로드를 요청한다. - 주의: 실제 계정이 바뀝니다. 이미 로그인된 상태라 에이전트가 바로 들어가 작업합니다. 처음에는 "올리기 전에 문구와 이미지를 보여 주고 내 승인을 받아"라고 덧붙입니다. - 확인: 프로필 사진과 소개글이 바뀌고, 에이전트가 게시물 문구를 직접 써서 올립니다.

27단계. 팝업 스토어를 알리는 스토리 업로드를 요청한다. - 확인: 에이전트가 스토리로 올리는 메뉴를 못 찾을 수 있습니다. 인스타그램 웹 화면은 스토리 메뉴 위치가 자주 바뀝니다.

28단계. 스토리를 못 찾으면 게시물로 올려 달라고 다시 요청한다. - 팁: 스토리 메뉴 위치를 안다면 에이전트에게 그 위치를 직접 알려 주는 방법도 있습니다. - 확인: 비율까지 맞춘 게시물이 올라갑니다.

7. 무신사 구매 내역 분석 (29~31단계)

브랜드 만들기와는 별개로, 로그인된 계정으로 할 수 있는 일의 예입니다.

29단계. 무신사에 미리 로그인해 둔다. - 확인: 로그인된 상태입니다.

30단계. 구매 내역 분석을 요청한다. - 예: "무신사 구매 내역을 보고 내 지출 패턴과 취향을 정리해 줘. 결제나 주문 변경은 하지 마." - 확인: 지출과 취향이 정리되어 나옵니다. 구매 내역은 개인 정보라 결과 파일을 어디에 저장했는지 확인해 둡니다.

31단계. 평소 손이 많이 가는 일을 같은 방식으로 맡겨 본다. - 확인: 여러 일을 동시에 시켜 두고 내 일을 계속할 수 있습니다. 이 조합의 가장 큰 장점이 이것입니다.

ego lite 작업이 막힐 때

로그인이 필요한 곳에서 멈춘다

미리 로그인하지 않았을 수 있습니다. 5~6단계를 하고 다시 요청합니다.

클로드 코드가 /ego-browser를 모른다

앱 설치 때 스킬이 깔리지 않았을 수 있습니다. 터미널에서 npx skills add citrolabs/ego-lite를 실행하고 클로드 코드를 다시 엽니다.

인스타 스토리 위치를 못 찾는다

게시물로 올려 달라고 요청하거나, 스토리 메뉴 위치를 직접 알려 줍니다.

이미지 생성이 안 된다

코덱스에 ChatGPT Plus 이상 계정으로 로그인했는지 봅니다. 클로드에게 "codex 로그인 상태를 확인해 줘"라고 시키면 됩니다. 코덱스 사용 한도를 다 쓴 경우에도 이미지가 나오지 않습니다.

마지막 점검

• ego lite를 설치하고 필요한 사이트에 로그인했는가
• 브랜드 방향을 정했는가
• 이미지를 한 번 이상 고쳐서 마음에 드는 결과를 얻었는가
• 사이트를 내 컴퓨터에서 열어 확인했는가
• 인스타에 올라간 내용이 의도한 것인지 확인했는가

조사는 서브 에이전트가 나눠서 동시에 하고, 이미지는 코덱스, 사이트와 인스타 작업은 ego lite 안에서 진행됩니다. 이 방식은 로그인된 브라우저를 에이전트가 그대로 쓰는 구조라, 무엇을 맡길지 먼저 정하고 결과를 확인하면서 쓰는 것이 기본입니다.