인프런 베스트셀러 · 평점 5.0바이브코딩, 제대로 배우고 싶다면?진짜 바이브코딩 올인원 클래스무너지지 않는 서비스 하나를 처음부터 첫 사용자 이후까지 끌고 가는 올인원 코스.강의 보러가기

10년차 AI 개발자가 쓰는 도구 4개 - 프롬프트로 설치부터 사용까지

로그인된 브라우저는 Aside, 영상은 HyperFrames, 이미지·영상 생성은 ima2, 다른 모델 연결은 B.AI와 OpenCodex로 나눠 쓰는 실제 사용 가이드입니다.

2026. 09. 23.

AI 도구, 명령어를 외울 필요는 없습니다

릴스에서 소개한 도구는 모두 같은 일을 하는 서비스가 아닙니다.

로그인된 브라우저에서 일을 대신하는 도구, 대화로 영상을 만드는 도구, 이미지와 영상을 생성하는 도구, 다양한 AI 모델을 기존 코딩 에이전트에 연결하는 도구로 역할이 나뉩니다.

하지만 사용자가 설치 명령어나 복잡한 설정 방법까지 공부할 필요는 없습니다.

Codex나 Claude Code 같은 코딩 에이전트에게 설치부터 첫 테스트까지 맡기고, 로그인이나 API 키 입력처럼 사람만 할 수 있는 단계에서만 직접 확인하면 됩니다.

이 가이드를 사용하는 방법

  1. 지금 필요한 도구 하나를 고릅니다.
  2. 해당 도구의 설치부터 맡기는 프롬프트를 복사해 코딩 에이전트에게 보냅니다.
  3. 에이전트가 로그인이 필요한 화면에서 멈추면 그 단계만 직접 진행합니다.
  4. 설치가 끝나면 첫 작업 프롬프트를 복사해 실제 결과물을 만듭니다.

한눈에 보는 도구 조합

이런 일이 필요할 때도구맡기는 역할
로그인된 웹사이트에서 조사, 입력, 반복 작업을 해야 할 때Aside브라우저 자동화
설명만으로 영상을 만들고 대화로 수정하고 싶을 때HyperFrames영상 제작과 렌더링
이미지와 생성 영상을 한곳에서 만들고 싶을 때ima2이미지·영상 생성 허브
Codex와 Claude Code에서 다른 모델을 골라 쓰고 싶을 때OpenCodex • B.AI기존 앱의 모델 선택지 확장

1. Aside로 로그인된 브라우저 작업 맡기기

어떤 도구인가요?

Aside는 내가 로그인해 둔 브라우저에서 웹사이트를 읽고 조작하는 브라우저 에이전트입니다.

자료 조사, 관리자 페이지 입력, Notion 정리처럼 여러 탭을 오가며 반복하는 작업에 잘 맞습니다.

Aside 공식 사이트 첫 화면. 브라우저 안에서 자연어로 작업을 맡기는 서비스다.
Aside 공식 사이트 첫 화면. 브라우저 안에서 자연어로 작업을 맡기는 서비스다.

설치부터 맡기는 프롬프트

Codex나 Claude Code에 아래 프롬프트를 그대로 붙여 넣으세요.

내 Mac에서 Aside를 사용할 수 있게 설치부터 첫 테스트까지 진행해줘.

공식 사이트와 최신 문서를 먼저 확인해줘.
- 공식 사이트: https://aside.com/
- 시작 가이드: https://docs.aside.com/help/get-started
- 개발자 문서: https://docs.aside.com/help/developers

진행 방법:
1. 현재 macOS 버전과 기존 Aside 앱·CLI 설치 여부를 먼저 확인해줘.
2. 필요한 것만 공식 방법으로 설치해줘.
3. 지금 사용 중인 코딩 에이전트가 MCP를 지원하면 Aside도 연결해줘.
4. 로그인이나 모델 구독 연결이 필요하면 내가 직접 해야 할 화면과 행동만 알려주고 멈춰줘.
5. 내가 완료했다고 말하면 웹페이지를 수정하지 않는 읽기 전용 작업으로 연결을 테스트해줘.

주의 사항:
- 게시, 전송, 구매, 삭제는 절대 실행하지 마.
- 비밀번호나 인증 정보를 채팅에 입력하라고 요구하지 마.
- 터미널 명령을 나에게 따라 치라고 하지 말고 네가 실행해줘.
- 마지막에는 설치 상태, 연결 상태, 테스트 결과만 쉽게 요약해줘.

첫 작업 프롬프트

설치가 끝나면 아래처럼 원하는 일만 말하면 됩니다.

Aside를 사용해서 Notion에서 이번 주 콘텐츠 초안을 찾아줘.
제목, 작성자, 현재 상태를 표로 정리해줘.
이번에는 어떤 페이지도 수정하지 마.

다음 단계에서 수정까지 맡기고 싶다면 무엇을 바꿀지 정확히 말하고, 실행 전 한 번 확인해 달라고 덧붙이세요.


2. HyperFrames로 말만 해서 영상 만들기

HyperFrames는 이런 도구입니다

HyperFrames는 "이런 영상을 만들어줘"라고 설명하면 코딩 에이전트가 장면을 구성하고, 미리보기를 보여주고, 완성된 영상 파일까지 만들어 주는 오픈소스 영상 제작 도구입니다.

영상 편집 프로그램의 타임라인을 직접 다루지 않아도 화면 비율, 길이, 내용, 분위기를 문장으로 전달해 영상을 만들 수 있습니다.

Codex와 Claude Code 같은 코딩 에이전트용 공식 스킬도 제공하므로 사용자는 설치 명령어나 영상 제작 명령을 외울 필요가 없습니다.

HyperFrames 공식 문서. AI 에이전트가 일반 웹 기술로 영상을 만드는 과정을 소개한다.
HyperFrames 공식 문서. AI 에이전트가 일반 웹 기술로 영상을 만드는 과정을 소개한다.

처음 한 번, 설치부터 테스트까지 맡기기

Codex나 Claude Code에 아래 프롬프트를 그대로 붙여 넣으세요.

내 Mac에서 HyperFrames를 사용할 수 있게 설치하고 첫 테스트 영상까지 만들어줘.

먼저 최신 공식 문서를 확인해줘.
- 공식 문서: https://hyperframes.heygen.com/introduction
- 빠른 시작: https://hyperframes.heygen.com/quickstart
- GitHub: https://github.com/heygen-com/hyperframes

진행 방법:
1. HyperFrames와 필요한 실행 환경이 이미 준비되어 있는지 먼저 확인해줘.
2. 이미 설치되어 있다면 다시 설치하지 말고, 부족한 것만 공식 방법으로 준비해줘.
3. 지금 사용하는 Codex 또는 Claude Code에 HyperFrames 공식 스킬도 설치해줘.
4. 새 작업 폴더에 9:16 세로형 10초 테스트 영상을 만들어줘.
5. 미리보기를 열어 글자 잘림, 화면 비율, 재생 오류를 직접 확인해줘.
6. 내가 미리보기를 확인한 뒤 승인하면 MP4 파일로 만들어줘.

테스트 영상 구성:
- 첫 장면: "말로 만드는 영상"이라는 큰 제목
- 두 번째 장면: 이미지, 자막, 도형이 차례로 등장
- 마지막 장면: "수정도 문장으로"라는 한 줄

주의 사항:
- 기존 프로젝트나 파일을 덮어쓰거나 삭제하지 마.
- 유료 모델이나 외부 서비스를 사용해야 하면 결제 전에 나에게 확인해줘.
- 내가 확인하기 전에는 최종 영상으로 만들지 마.
- 터미널 명령을 나에게 따라 치라고 하지 말고 네가 실행해줘.
- 마지막에는 미리보기 주소와 결과 영상 위치만 쉽게 알려줘.

내 영상 만들기 프롬프트

설치가 끝난 뒤에는 영상 내용만 설명하면 됩니다.

HyperFrames를 사용해서 9:16 세로형 20초 영상을 만들어줘.

주제는 "AI 도구를 목적에 맞게 나눠 쓰는 방법"이야.
첫 3초에는 "AI 도구, 하나만 쓰고 있나요?"라는 제목을 크게 보여줘.
이후 Aside, HyperFrames, ima2, OpenCodex를 각각 한 장면씩 소개해줘.
검은 배경에 흰 글자, 강조색은 라임색으로 통일해줘.
먼저 미리보기를 보여주고 내가 확인한 뒤 최종 영상으로 렌더링해줘.

마음에 들지 않는 장면은 타임라인을 직접 고치지 않고 아래처럼 말로 수정합니다.

두 번째 장면의 정보가 너무 많아.
설명은 한 줄만 남기고 아이콘을 더 크게 만들어줘.
나머지 장면은 그대로 유지해줘.

3. ima2로 이미지와 영상 만들기

어떤 도구인가요?

ima2는 GPT Image와 Grok Imagine 등 여러 이미지·영상 생성 모델을 한곳에서 사용할 수 있게 묶어 주는 커뮤니티 오픈소스 도구입니다.

명령어를 외우지 않아도 코딩 에이전트에게 "ima2를 사용해서 만들어줘"라고 요청하면 됩니다.

실제로 사용 중인 ima2 갤러리. 생성한 이미지와 영상을 한곳에서 확인할 수 있다.
실제로 사용 중인 ima2 갤러리. 생성한 이미지와 영상을 한곳에서 확인할 수 있다.

설치부터 첫 이미지까지 맡기는 프롬프트

아래 프롬프트를 코딩 에이전트에게 보내세요.

내 Mac에서 ima2로 이미지와 영상을 만들 수 있게 설치부터 첫 생성까지 진행해줘.

먼저 최신 공식 자료를 확인해줘.
- GitHub: https://github.com/lidge-jun/ima2-gen
- 한국어 안내: https://lidge-jun.github.io/ima2-gen/ko/
- 사용 문서: https://lidge-jun.github.io/ima2-gen/docs

진행 방법:
1. ima2가 이미 설치되어 있는지, 버전과 실행 상태가 어떤지 먼저 확인해줘.
2. 필요한 경우에만 공식 방법으로 설치하거나 업데이트해줘.
3. 코딩 에이전트에서 사용할 수 있는 ima2 스킬이 있다면 함께 준비해줘.
4. GPT나 Grok 계정 연결이 필요하면 내가 직접 승인할 화면과 순서만 알려주고 멈춰줘.
5. 내가 연결을 마쳤다고 말하면 사용할 수 있는 모델을 확인해줘.
6. 용도에 맞는 이미지 모델과 영상 모델을 추천하고 기본값으로 설정해줘.
7. 9:16 세로형 테스트 이미지 한 장을 만든 뒤 갤러리에서 확인할 수 있게 해줘.

주의 사항:
- 비밀번호, 인증 코드, 쿠키를 채팅에 입력하라고 요구하지 마.
- 로컬 서버를 외부 네트워크에 공개하지 마.
- 기존 생성물은 삭제하지 마.
- 유료 API를 사용해야 하면 생성 전에 예상 비용이나 한도를 알려줘.
- 터미널 명령을 나에게 따라 치라고 하지 말고 네가 실행해줘.
- 마지막에는 갤러리 주소, 생성 결과 위치, 사용한 모델을 알려줘.

첫 이미지 만들기 프롬프트

설치 후에는 모델 이름이나 명령어 없이 원하는 이미지만 설명합니다.

ima2를 사용해서 인스타그램 릴스에 넣을 9:16 이미지를 만들어줘.
비 오는 서울 골목을 시네마틱한 조명으로 표현해줘.
분위기가 조금씩 다른 후보 3장을 만들고 한 화면에서 비교할 수 있게 보여줘.
각 결과에 사용한 모델도 함께 알려줘.

첫 영상 만들기 프롬프트

ima2를 사용해서 5초짜리 9:16 영상을 만들어줘.
종이비행기가 서울 야경 위를 천천히 날아가는 장면이야.
카메라는 종이비행기를 부드럽게 따라가고 마지막에는 도시 전체가 보이게 해줘.
먼저 사용할 모델과 예상 소요 시간을 알려준 뒤 생성해줘.
완성되면 영상 파일 위치와 미리보기를 보여줘.

모델 이름을 모를 때는 억지로 고르지 말고 "현재 사용할 수 있는 모델 중 이 작업에 가장 잘 맞는 것으로 해줘"라고 말하면 됩니다.


4. OpenCodex로 Codex와 Claude Code에서 다른 모델 쓰기

OpenCodex는 이런 도구입니다

OpenCodex는 Codex나 Claude Code를 대신하는 새로운 코딩 앱이 아닙니다.

지금 쓰던 Codex와 Claude Code의 화면과 작업 방식은 그대로 두고, 그 안에서 Claude, Gemini, Grok, DeepSeek, GLM 같은 다른 모델도 선택할 수 있게 해 주는 연결 도구입니다.

공식 설명처럼 익숙한 앱은 그대로 쓰고, 작업을 처리하는 AI 모델만 바꾸는 방식입니다.

이 가이드에서는 여러 모델을 하나의 API로 제공하는 B.AI를 OpenCodex에 한 번 연결합니다.

설정을 마치면 매번 OpenCodex 사용법을 다시 익힐 필요 없이 Codex나 Claude Code에서 원하는 모델만 골라 쓰면 됩니다.

OpenCodex 공식 사이트. 기존 Codex와 Claude Code를 여러 모델 제공자에 연결한다.
OpenCodex 공식 사이트. 기존 Codex와 Claude Code를 여러 모델 제공자에 연결한다.

한 번 설정한 뒤의 사용 흐름은 아래처럼 단순합니다.

평소처럼 Codex 또는 Claude Code 열기
                ↓
필요한 모델만 선택하기
                ↓
같은 앱과 같은 작업 방식으로 계속하기

처음 한 번만 준비하기

1. B.AI API 키 발급하기

먼저 B.AI API 키 페이지를 엽니다.

계정에 로그인한 뒤 Create API key를 눌러 키를 만들고 내 컴퓨터의 안전한 곳에 잠시 복사해 둡니다.

B.AI 공식 API 문서. OpenAI 호환 API 주소와 인증 방식을 확인할 수 있다.
B.AI 공식 API 문서. OpenAI 호환 API 주소와 인증 방식을 확인할 수 있다.

2. 설치와 연결을 전부 맡기기

B.AI API 키를 발급한 다음 아래 프롬프트를 Codex나 Claude Code에 보냅니다.

내 Mac의 Codex와 Claude Code에서 B.AI 모델을 골라 쓸 수 있도록 OpenCodex를 설치하고 처음 한 번만 설정해줘.

먼저 최신 공식 자료를 확인해줘.
- OpenCodex 공식 사이트: https://opencodex.me/
- OpenCodex GitHub: https://github.com/lidge-jun/opencodex
- B.AI API 문서: https://docs.b.ai/llmservice/api

진행 방법:
1. OpenCodex가 이미 설치되어 있거나 실행 중인지 먼저 확인해줘.
2. 이미 설치되어 있다면 다시 설치하지 말고, 필요한 경우에만 공식 방법으로 설치하거나 업데이트해줘.
3. 기존 Codex와 Claude Code 설정을 보존한 채 OpenCodex를 연결해줘.
4. OpenCodex 설정 화면을 열고 B.AI를 OpenAI 호환 제공자로 추가해줘.
5. Base URL은 https://api.b.ai/v1 을 사용하고, 현재 OpenCodex 버전에 맞는 어댑터를 선택해줘.
6. API 키가 필요해지면 채팅으로 요구하지 말고 내가 로컬 설정 화면에 직접 입력할 위치만 보여준 뒤 멈춰줘.
7. 내가 입력했다고 말하면 연결을 테스트하고 B.AI에서 현재 사용할 수 있는 모델을 불러와줘.
8. Codex와 Claude Code에서 연결한 모델을 선택할 수 있는지 확인하고, 짧은 읽기 전용 작업으로 한 번만 테스트해줘.
9. 앱을 다시 열거나 새 세션을 시작해야 한다면 그 단계까지 진행한 뒤 결과를 알려줘.

주의 사항:
- API 키를 로그, 채팅, 코드, 환경 설정 예시에 노출하지 마.
- 기존 Codex와 Claude Code 설정을 임의로 삭제하거나 덮어쓰지 마.
- 모델을 선택하기 전에 현재 B.AI 요금표와 잔액을 확인해줘.
- 터미널 명령을 나에게 따라 치라고 하지 말고 네가 실행해줘.
- 마지막에는 Codex와 Claude Code에서 모델을 바꾸는 가장 쉬운 방법만 알려줘.

에이전트가 API 키 입력 화면에서 멈추면 방금 발급한 키를 그 로컬 화면에 직접 붙여 넣고 "입력했어. 계속 진행해줘"라고 말하면 됩니다.

설정이 끝난 뒤에는 모델만 바꿔 쓰기

이제 기존 Codex나 Claude Code의 모델 선택 화면에서 원하는 모델을 고르면 됩니다.

모델 이름을 모르겠다면 현재 쓰는 에이전트에게 아래처럼 말하세요.

이번 작업은 OpenCodex에 연결된 B.AI 모델 중 빠르고 저렴한 모델로 바꿔줘.
바뀐 모델 이름만 알려주고 지금 작업을 계속해줘.

원래 모델로 돌아가고 싶을 때도 짧게 말하면 됩니다.

지금 쓰는 Codex 또는 Claude Code를 원래 기본 모델로 바꿔줘.

실제로는 이렇게 나눠 씁니다

이 도구들은 서로 경쟁하는 제품이라기보다 한 작업의 다른 단계를 맡습니다.

  1. Aside로 로그인된 사이트에서 자료를 조사하고 정리합니다.
  2. ima2로 영상에 들어갈 이미지나 짧은 생성 영상을 만듭니다.
  3. HyperFrames로 장면과 자막을 구성하고 최종 영상을 만듭니다.
  4. 반복 작업에 드는 모델 비용이 부담스러울 때 OpenCodex와 B.AI로 다른 모델을 연결합니다.

처음부터 네 가지를 모두 설치할 필요는 없습니다.

지금 가장 자주 반복하는 작업 하나를 고르고 해당 프롬프트부터 복사해 보세요.

공식 링크 모음