I am your AI - 웹페이지 학습과 작업 자동화를 위한 AI 어시스턴트#

I am your AI는 웹 브라우징 중 필요한 정보를 빠르게 이해하고, 반복적인 작업을 자동화하며, AI와 자연스럽게 대화할 수 있는 크롬 확장 프로그램입니다.

필자가 이 앱을 만들고 출시한 이유#

생각해보면 컴퓨터를 사용할 때 웹브라우저를 사용하는 비율이 상당히 높습니다. 일을 할 때나 공부를 할 때나 놀 때나 결국 대부분의 정보와 작업 흐름이 브라우저 안에서 일어납니다. 그렇다면 AI 기반의 브라우저 확장 도구를 잘 만들면, 필자처럼 “웹에서 시간을 많이 쓰는 사람”의 퍼포먼스를 여러 방면에서 끌어올릴 수 있고, 비슷한 니즈를 가진 분들에게도 충분히 유의미한 앱이 될 수 있다고 판단했습니다.

다만 필자는 브라우저 확장 앱을 출시해본 경험이 없었습니다. 그래서 완벽하게 다듬기보다, 개발 → 출시까지 한 사이클을 빠르게 돌려 미리 생각하지 못했던 문제들을 먼저 발견하는 것이 우선이라고 판단했고, “일단 되는 대로” 출시를 했습니다.

현재는 다음과 같은 상태입니다.

크롬 확장 프로그램만 개발했습니다.
기획한 내용 중 일부만 구현되어 있습니다.
한글만 고려해 개발했고, 한국 스토어에만 출시한 상태입니다.

개인정보 보호 우선: 별도의 백엔드 서버 없이 동작합니다#

이 확장 프로그램은 별도의 백엔드 서버 없이 동작합니다. 사용자가 AI 제공자의 API 키를 직접 입력하여 사용하며, AI 요청 데이터는 사용자의 브라우저와 선택한 AI 제공자(OpenAI / Google / Anthropic) 간에만 전송됩니다. 제3자 서버를 거치지 않기 때문에 개인정보 보호 측면에서 구조적으로 유리합니다.

주요 기능(현재 구현 기준)#

크롬 웹 스토어 설명에 기재된 “주요 기능”을 기준으로 정리했습니다.

1) 웹페이지 요약#

현재 보고 있는 웹페이지의 본문을 AI가 분석해 요약합니다.
iframe, PDF 문서까지 지원해 다양한 형태의 콘텐츠를 처리합니다.
요약 결과는 마크다운 형식으로 출력됩니다.
요약 결과가 로컬에 저장되어 나중에 다시 확인할 수 있습니다.
요약 글자수를 설정해 원하는 수준의 요약을 받을 수 있습니다.

2) 스마트 채팅(사이드패널)#

사이드패널에서 AI와 자연스럽게 대화할 수 있습니다.
채팅에서 @페이지 또는 @page를 입력하면 현재 페이지의 내용을 자동으로 포함해 질문할 수 있습니다.
채팅 히스토리가 자동 저장되어 맥락을 유지할 수 있습니다.
AI 응답이 실시간 스트리밍 방식으로 출력됩니다.
@ 또는 /를 입력하면 사용 가능한 명령어를 쉽게 선택할 수 있습니다.

3) 텍스트 번역#

웹페이지에서 텍스트를 선택하고 우클릭 메뉴에서 “번역하기”를 선택하면 즉시 번역됩니다.
번역 결과가 선택한 영역 바로 아래에 표시되어 원문과 비교하며 읽을 수 있습니다.

4) 텍스트 변환#

웹페이지에서 텍스트를 선택한 후, 채팅에서 /바꾸기 또는 /replace 명령으로 변환을 요청할 수 있습니다.
예: “더 격식 있게”, “쉬운 말로”, “요약해서” 등 요구사항을 입력하면 선택된 텍스트가 자동 변환됩니다.

5) 저장된 요소 관리#

자주 사용하는 웹 요소(버튼, 입력창 등)를 저장해 재사용할 수 있습니다.
요소에 이름을 부여하고 관리할 수 있습니다.
채팅 또는 실행 그래프에서 저장된 요소를 활용해 작업을 자동화할 수 있습니다.

6) 실행 그래프(노드 기반 자동화)#

반복 작업 자동화를 위해 노드 기반의 시각적 워크플로우를 만들 수 있습니다.

실행 노드: DOM 요소를 선택해 클릭, 내용 추출, 텍스트 입력 등의 작업 수행
이동 노드: 조건에 따라 다음 실행 단계를 분기 처리
AI 노드: 이전 단계의 데이터를 AI가 분석 / 처리

활용 예시(크롬 웹 스토어 설명 기준):

여러 주식 종목의 현재가/등락률을 자동 수집해 한눈에 보기
관심 사이트를 순회하며 특정 정보를 자동 수집
반복적인 폼 작성 작업 자동화
채팅에서 /실행그래프(그래프명) 명령으로 저장된 자동화 작업을 즉시 실행

지원하는 AI 제공자 및 모델#

가장 대표적인 AI 제공자들을 지원하며, 추후 추가될 수 있습니다.

OpenAI
Google
Anthropic

세부 설정(설정 화면에서 가능한 항목들)#

AI 제공자 및 모델 선택
API 키 관리(제공자별 개별 입력)
폰트 크기 조정
요약 제한 글자수 설정
채팅 메시지 저장 개수 설정
사이드패널 링크 클릭 시 동작 방식 설정(새창 / 현재창)
저장된 요소 및 실행 그래프 관리

사용 시작하기(최소 단계)#

크롬 웹 스토어의 “사용 시작하기” 안내를 기준으로, 최소 단계만 정리합니다.

확장 프로그램을 설치합니다.
사이드패널을 열고 “설정” 버튼을 클릭합니다.
AI 제공자를 선택하고 API 키를 입력합니다.
원하는 AI 모델을 선택합니다.
이제 웹페이지를 요약하고, 번역하고, AI와 대화할 수 있습니다.

참고사항(운영 및 사용 상의 주의)#

이 확장 프로그램을 사용하려면 AI 제공자의 API 키가 필요합니다.
사용량에 따라 AI 제공자 측 요금이 부과될 수 있습니다.
일부 웹사이트(예: 노션, 구글 문서 등)는 보안상의 이유로 텍스트 변환 기능이 제한될 수 있습니다.

앱의 포지셔닝: “교육용 & 고객 맞춤 AI 에이전트”#

AI 관련 브라우저 확장 앱은 이미 많고, AI 기반 브라우저까지 등장한 상황입니다. 그래서 필자는 차별화를 위해 포지셔닝을 교육용 & 고객 맞춤 AI 에이전트로 잡았습니다.

핵심 방향은 다음과 같습니다.

앱을 사용하는 방법에 대한 문서를 작성하고, 이를 확장 프로그램의 적절한 영역에 통합합니다.
그 문서에는 “앱 기능 설명”뿐 아니라, 사용자가 맥락을 이해하는 데 도움이 되는 AI 관련 다양한 설명(개념 / 사례 / 베스트 프랙티스)도 포함합니다.
사용자의 니즈에 맞게 앱을 커스터마이징할 수 있도록 개선해 나갑니다.

앞으로의 계획: 하위 문서로 계속 확장합니다#

앱 개선을 위해 고민하고 기획하는 내용들도, 이 문서의 하위 문서로 계속 추가해 나갈 예정입니다. 예를 들면 아래와 같은 주제들이 될 수 있습니다.

기획 과정에서 고민했던 사항들
기능 로드맵(무엇을, 왜, 어떤 순서로)
교육용 문서 설계(앱 내 통합 UX, 학습 흐름)
고객 맞춤 커스터마이징 전략(설정 / 프리셋 / 템플릿)
실행 그래프 사용 사례 모음(업무 / 학습 / 리서치 시나리오)