Aside로 앱까지 쓰게 만들었습니다 — 쇼핑·구독·Studio·썸네일 실전 정리 | DAKER 커뮤니티
브라우저 에이전트가 로그인·장바구니·구독 점검까지 이어서 해 준다면 어떨까요. 실밸개발자 채널의 「AI 브라우저한테 제 앱을 쓰게 했습니다 | 메타 시니어 엔지니어 Aside 실전 활용」은 한국인 공동창업자 세 분이 만든 Aside로 쇼핑·구독 추적·YouTube Studio 분석·썸네일 제작까지 맡긴 과정을 보여 줍니다. 오늘은 데모와 설정만 쉽게 골라 정리합니다.
한 줄로 말하면
Aside는 페이지를 읽고 클릭하는 에이전트 브라우저입니다. 로그인 상태를 유지하고, Memory로 맥락을 남기며, 비밀번호 관리자와 함께 긴 업무를 이어서 처리합니다. 영상에서는 프로틴 비교·장바구니, AI 구독·API 크레딧 취합, YouTube Studio 이탈 분석, AutoKliq 썸네일 자동화까지 실제로 돌립니다.
브라우저 자동화가 어려웠던 이유
영수증처럼 많은 작업을 하려면 먼저 로그인해야 하고, 모달·로딩·화면 크기 변화로 상태가 계속 바뀌며, 결제→날짜→다운로드→검증처럼 여러 단계를 끊기지 않게 이어야 합니다. Aside는 이미 로그인해 둔 세션을 그대로 쓰고, 작업 맥락을 기억하며, Playwright가 아니라 자체 설계(AsideLite)로 페이지를 읽고 조작한다고 소개합니다.
기억해 둘 세 가지
- 에이전트 — 사람처럼 읽고 클릭하며 다음 행동을 수행합니다.
- Memory — 에피소드·회사·user.md처럼 일기형으로 맥락을 쌓습니다. 비활성이면 켜 두는 편이 좋습니다.
- 비밀번호 관리 — 기본·외부(Apple/Bitwarden 등) 연동. 영상 기준 공식 설명으로는 자동 입력에는 쓰이지만 저장된 비밀번호 값이 에이전트에 그대로 노출되지 않는다고 합니다.
Chat 섹션으로 말을 걸고, Ask Aside로 화면을 설명·조작하게 할 수 있습니다. 모델은 성격별로 다르게 두고, 이미지 생성에는 Aside 토큰(프리 할당 포함)이 쓰입니다.
Aside CLI + Skill
Aside CLI를 설치해 Claude Code나 Codex가 도구로 쓰게 하고, Aside Skill을 매뉴얼로 주면 코딩 에이전트가 브라우저 에이전트를 조종할 수 있습니다. 제작자는 Playwright·Astra 컴퓨터 사용보다 토큰·속도 면에서 이쪽을 자주 쓴다고 말합니다.
데모 하이라이트
- 쇼핑 — 프로틴 셰이크를 비교해 장바구니에 담습니다. 결제처럼 민감한 단계는 승인 후에만 진행하도록 둡니다.
- 구독·크레딧 취합 — Anthropic·OpenAI·Gemini·YouTube·ElevenLabs 등을 채팅으로 한 번에 맡기면 여러 탭을 병렬로 열어 갱신일·잔여 API 크레딧을 보고합니다. 영상에서는 Gemini API 크레딧이 2주 안에 소진 예정이고 사용량이 8월 대비 약 11배라는 결과가 나왔습니다.
- YouTube Studio — API로 잘 안 나오는 그래프·이탈을 브라우저로 읽습니다. 롱폼에서 첫 60초 이탈이 절반 정도라는 분석이 나왔고, 인트로·구독 전환·쇼츠 개선 포인트로 이어집니다.
- AutoKliq 썸네일 — 서비스 UI에 직접 치지 않고 Aside로 브리프·생성까지 자동화합니다. 「메타 시니어가 선택한 에이전트 브라우저」류 카피로 썸네일이 나온 장면을 보여 줍니다.
내 앱을 에이전트가 쓰게 만들기
제작자는 AutoKliq를 Aside가 쓰게 한 뒤, 불편한 점과 개선안을 보고서로 정리하게 합니다. 그 보고서를 Codex(Astra)에 넘겨 실제 코드와 대조하고, 우선순위를 정한 뒤 구현·리뷰·브라우저 테스트로 이어갑니다. 에이전트가 읽기 쉬운 선택 상태·폼·API/스킬 래핑이 제품 설계 포인트라고 정리합니다.
Branch · Guard · Final confirm · Profiles
- Branch — 대화를 갈래로 나눠 다른 방향을 시험합니다.
- Guard — Read-only / Guarded / Full access로 쓰기 권한을 나눕니다. 루틴 자동화는 Full이 편하지만 검증이 중요합니다.
- Final confirm — send·pay·delete·submit 전에 한 번 더 묻습니다.
- Profiles — 개인·업무·테스트용으로 쿠키·비밀번호 맥락을 분리합니다.
오늘 할 일 (5분)
- Aside를 설치하고 이미 쓰는 AI 구독을 연결합니다.
- Memory를 켠 뒤, Ask Aside로 「지금 화면 설명해 줘」를 한 번 시도합니다.
- 결제·전송이 있는 작업에는 Final confirm과 Guard를 먼저 확인합니다.
정리
Aside는 로그인 유지·메모리·비밀번호 관리를 묶은 에이전트 브라우저로, 영상에서는 쇼핑·구독 점검·Studio 분석·썸네일 제작까지 실무에 가깝게 돌립니다. CLI로 코딩 에이전트와 연결하고, 내 서비스가 에이전트 친화적인지 보고서→Codex 루프로 개선하는 흐름이 핵심입니다. 데모와 설정 화면은 원본 영상을 보시면 됩니다.
출처
- 유튜브: AI 브라우저한테 제 앱을 쓰게 했습니다 | 메타 시니어 엔지니어 Aside 실전 활용 · 채널 실밸개발자
#Aside #에이전트브라우저 #AutoKliq #유튜브 #리서치