I am your AI - 웹 학습, 노트 작성, 작업 자동화를 위한 AI 어시스턴트#

읽고, 묻고, 정리하고, 자동화까지 — 웹 브라우징의 모든 순간에 AI가 함께합니다.

웹페이지를 빠르게 요약하고, 모르는 부분은 바로 질문하고, AI와 함께 노트를 작성하며 지식을 쌓아보세요. 반복적인 웹 작업도 자동화할 수 있습니다. 프롬프트를 직접 설정하며 나만의 AI 어시스턴트를 만들어 보세요.

크롬 웹 스토어 - I am your AI (상세 페이지)

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

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

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

이 확장 프로그램은 별도의 백엔드 서버 없이 동작합니다. 사용자가 AI 제공자의 API 키를 직접 입력하여 사용하며, 모든 데이터는 사용자의 브라우저와 선택한 AI 제공자 간에만 전송됩니다. 제3자 서버를 거치지 않아 개인정보가 안전하게 보호됩니다.

주요 기능#

1) 웹페이지 요약#

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

2) 스마트 채팅#

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

3) 텍스트 번역#

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

4) 텍스트 변환#

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

5) 저장된 요소 관리#

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

6) 실행 그래프 - 반복 작업 자동화#

노드 기반의 시각적 워크플로우를 만들어 복잡한 웹 작업을 자동화할 수 있습니다.

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

활용 예시:

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

7) 노트 - AI와 함께 지식 정리#

웹페이지를 보면서 사이드패널에서 노트를 작성할 수 있습니다. 단순 메모장이 아닌, AI가 함께 작성을 도와주는 스마트 노트입니다.

  • 웹페이지의 내용 일부를 노트에 붙여 넣을 수 있습니다.
  • 노트의 특정 부분을 선택하면 AI가 내용을 보완하거나 다듬어 줍니다.
  • 채팅이 “대화의 기록"이라면, 노트는 “AI와 함께 만들어가는 콘텐츠"입니다.
  • 리서치 내용 정리, 학습 노트, 아이디어 메모 등 다양한 용도로 활용할 수 있습니다.

8) 기능별 프롬프트 설정 - 나만의 AI 만들기#

각 기능에서 사용되는 프롬프트를 직접 설정할 수 있습니다.

  • 요약, 번역, 텍스트 변환 등 기능별로 프롬프트를 커스터마이징할 수 있습니다.
  • 예: 요약 시 “기술 용어는 원문 그대로 유지해줘”, 번역 시 “자연스러운 구어체로 번역해줘” 등
  • 프롬프트를 조정하며 원하는 결과를 얻는 과정에서 자연스럽게 AI 활용 역량도 함께 성장합니다.

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

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

  • OpenAI
  • Google
  • Anthropic

각 제공자별로 API 키를 입력하고 원하는 모델을 선택하여 사용할 수 있습니다. 상황에 맞게 최적의 AI 모델을 선택하세요.

세부 설정#

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

이런 분들께 추천합니다#

  • 웹 문서와 기사를 자주 읽고 학습하는 학생과 연구자
  • 웹에서 리서치하며 내용을 정리하고 싶은 분
  • 반복적인 웹 작업으로 시간을 낭비하는 직장인
  • 다국어 콘텐츠를 자주 접하는 사용자
  • AI를 활용한 작업 자동화에 관심 있는 분
  • 프롬프트를 직접 다루며 AI 활용 역량을 키우고 싶은 분
  • 개인정보 보호를 중요하게 생각하는 사용자

사용 시작하기#

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

API 키 발급 방법#

  • OpenAI: platform.openai.com에서 계정 생성 후 API 키 발급
  • Google: aistudio.google.com에서 무료 API 키 발급 가능
  • Anthropic: console.anthropic.com에서 API 키 발급

사용 팁#

  • 긴 블로그 글이나 뉴스 기사를 빠르게 파악하고 싶을 때 “요약하기"를 사용하세요.
  • 외국어 페이지를 읽다가 모르는 부분이 있으면 텍스트를 선택하고 번역하세요.
  • @페이지를 활용하여 현재 페이지에 대해 궁금한 점을 AI에게 물어보세요.
  • 웹페이지를 읽으며 중요한 내용은 노트에 정리하고, AI가 내용을 보완하도록 해보세요.
  • 자주 방문하는 사이트의 검색 버튼이나 입력창을 저장해두면 더 빠르게 작업할 수 있습니다.
  • 매일 확인하는 정보 수집 작업이 있다면 실행 그래프로 자동화하세요.
  • 프롬프트 설정에서 자신만의 스타일을 지정하면 매번 같은 요구를 반복할 필요가 없습니다.

주요 특징 요약#

  • 백엔드 서버 없음 — 완벽한 개인정보 보호
  • 웹페이지 본문 자동 요약 (iframe, PDF 지원)
  • AI 기반 번역 및 텍스트 변환
  • 현재 페이지 컨텍스트를 포함한 스마트 채팅
  • AI와 함께 작성하는 스마트 노트
  • 노드 기반 시각적 워크플로우로 작업 자동화
  • 저장된 요소 관리 및 재사용
  • 기능별 프롬프트 커스터마이징으로 나만의 AI 만들기
  • 3개 AI 제공자 지원 (OpenAI, Google, Anthropic)
  • 모든 데이터는 로컬에 저장되어 안전하게 관리
  • 한국어 / 영어 지원

참고사항#

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

개인정보 처리방침#

“I am your AI"는 사용자의 개인정보를 최우선으로 보호합니다. 모든 설정과 데이터는 사용자의 브라우저에만 저장되며, 별도의 서버로 전송되지 않습니다. AI 요청은 사용자가 직접 입력한 API 키를 통해 해당 AI 제공자로 직접 전달됩니다.

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

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

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

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

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

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

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