[BibiGPT 성장 시리즈] 1화 | Bilibili AI 요약은 이렇게 태어났다

BibiGPT 성장 시리즈 1화에 오신 걸 환영해요!

이 시리즈는 BibiGPT의 진화를 기록하며, 제품을 만든 무대 뒤 결정, 기술 실험, 반복을 밝힙니다. 오늘은 초기 시절로 돌아가, 영상 **「BibiGPT: AI가 Bilibili 영상을 자동 요약」**을 다시 봅니다.

Early interface

BibiGPT는 이후 큰 리디자인을 거쳤지만, 첫 릴리스의 아이디어와 교훈은 여전히 중요해요. 모든 게 시작된 곳으로 되감아 볼까요.

BiliGPT의 탄생: Bilibili용 AI 요약

GPT가 헤드라인을 장식하기 시작할 때, 저(Jimmy)는 손에 잡히는 걸 만들고 싶었어요. Bilibili에는 고품질 콘텐츠가 넘쳤지만 핵심 인사이트를 뽑아내기는 쉽지 않았죠. 그래서 떠오른 아이디어: AI가 Bilibili 영상을 자동으로 요약하면 어떨까?

결과는 BiliGPT(Bilibili GPT)예요. GPT-3를 동력으로, 영상 하이라이트를 빠르게 잡도록 만들었습니다.

BiliGPT early interface

원본 데모에서는 두 워크플로를 보여 줬어요:

URL 복사 & 붙여넣기
Bilibili 링크를 BiliGPT 입력창에 붙이고 「요약」을 누른 뒤 몇 초만 기다리면 됩니다. 도구가 자막(있으면)을 가져와 간결한 요약을 생성했어요.

영상에서는 ChatGPT를 「궁극의 동료」로 쓰는 클립을 요약하며 읽기, 쓰기, 노트, 코딩 등의 포인트를 잡았습니다.
URL 핵
영상을 보는 동안 주소창의 bilibili.com을 jimmylv.cn으로 바꿉니다.

Enter를 누르면 페이지가 BiliGPT로 리다이렉트되며 요약 작업이 자동으로 시작됐어요. 「생산성 중독」 영상으로 데모했고 마법처럼 작동했죠—놀이 모드 vs 도구 모드, 주의력 보호, 자동화 같은 개념을 하이라이트했습니다.

OpenAI API 호출에는 실제 비용이 들고, 사용이 늘수록 더 커져요. 당시 $18 무료 크레딧은 순식간에 사라졌습니다. BiliGPT를 지속 가능하게 하려고, 사용자가 자신의 OpenAI API 키를 넣을 수 있는 옵션을 추가했어요.

User API key field

키는 서버가 아니라 브라우저에 로컬 저장—헤비 유저에게 완전한 통제권을 주면서 프로젝트 비용 부담을 덜었습니다.

많은 사람이 폰으로 Bilibili를 보기에, 모바일 친화 솔루션을 만들었어요:

iOS 단축어 – BiliGPT 사이트(b.jimmylv.cn)에서 설치한 뒤, Bilibili 공유 시트에서 「Summarize Bilibili Video」를 실행. 단축어가 링크를 바로 BiliGPT로 보내 앱 전환이 필요 없었어요.
Android 웹 트릭 – 브라우저 주소창에서 m.bilibili.com을 jimmylv.cn으로 바꾸면 같은 흐름이 시작됩니다. 단순하고 효과적이었어요.

Whiteboard sketch

데모를 내보내는 동안 이미 위시리스트가 있었어요:

그때부터 비전은 분명했습니다: AI 지식 추출을 누구나 손에 닿게 만드는 것.

그 첫 릴리스는 GPT를 만지고 현실의 고통에 적용한 흥분을 담았어요. BiliGPT는 멀티 플랫폼 지원, 고도 모델, 견고한 연동을 갖춘 오늘의 BibiGPT로 성숙했지만 미션은 그대로예요: 마찰을 줄이고 더 빨리 배우도록 돕기.

이 플래시백에 함께해 주셔서 감사합니다. 성장 시리즈 다음은: