I am your AI — An AI Assistant for Web Learning, Note-Taking, and Task Automation#

Read, ask, organize, and automate — AI is with you at every moment of web browsing.

Quickly summarize webpages, ask questions about anything you don’t understand, take notes with AI, and build up your knowledge. You can even automate repetitive web tasks. Customize your prompts and create your own AI assistant.

Chrome Web Store — I am your AI (listing)

Why I Built and Shipped This#

When you think about it, a huge portion of computer usage happens inside a web browser. Whether you’re working, studying, or just relaxing, most information and workflows live in the browser. So I believed that if I could build a solid AI-powered browser extension, it could meaningfully boost performance for people like me who spend a lot of time on the web — and it could be a valuable app for others with similar needs.

Privacy First: It Runs Without a Backend Server#

This extension runs without any separate backend server. The user enters their AI provider’s API key directly, and all data is sent only between the user’s browser and the selected AI provider. Since it does not go through any third-party server, your privacy is safely protected.

Key Features#

1) Webpage Summarization#

  • AI automatically analyzes and concisely summarizes the main content of the current webpage.
  • Supports iframes and PDF documents, handling various types of content.
  • Summaries are rendered in Markdown format and stored locally, so you can revisit them later.
  • You can configure the summary length to get the level of detail you want.

2) Smart Chat#

  • Chat naturally with AI from the side panel.
  • Type @page to automatically include the current page’s content in your question.
  • Chat history is automatically saved to maintain conversational context.
  • AI responses are streamed in real time for quick viewing.
  • Type @ or / to easily choose from available commands.

3) Text Translation#

  • Select text on a webpage and choose “Translate” from the right-click menu to translate instantly.
  • The translated result appears right below the selection so you can compare it with the original.

4) Text Transformation#

  • Select text on a webpage, then use the /replace command in chat to request any transformation from AI.
  • Example: Enter requests like “make it more formal,” “use simpler words,” or “summarize,” and the selected text will be automatically transformed.

5) Saved Elements Management#

  • Save frequently used web elements (buttons, input fields, etc.) for later reuse.
  • Name and manage each saved element.
  • Use saved elements in chat or in the execution graph to automate tasks.

6) Execution Graph — Repetitive Task Automation#

Build node-based visual workflows to automate complex web tasks.

  • Execution node: Select DOM elements and perform actions like click, extract content, input text, etc.
  • Routing node: Branch to the next step based on conditions.
  • AI node: AI analyzes and processes data from previous steps.

Example use cases:

  • Automatically collect current prices and daily changes for multiple stocks and view them at a glance
  • Visit favorite sites in sequence and automatically collect specific information
  • Automate repetitive form filling
  • Run a saved automation instantly via the /run-graph(graph name) command in chat

7) Notes — Organize Knowledge with AI#

Take notes in the side panel while browsing webpages. This isn’t just a simple notepad — it’s a smart note where AI helps you write.

  • Paste portions of webpage content into your notes.
  • Select specific parts of your note and let AI refine or expand the content.
  • If chat is a “record of conversation,” notes are “content you create together with AI.”
  • Use it for research summaries, study notes, idea memos, and more.

8) Per-Feature Prompt Settings — Build Your Own AI#

Directly configure the prompts used by each feature.

  • Customize prompts for summarization, translation, text transformation, and more.
  • Example: “Keep technical terms in their original language” for summaries, or “Translate in a natural conversational tone” for translations.
  • As you refine prompts and learn to get the results you want, your AI skills naturally grow as well.

Supported AI Providers and Models#

Major AI providers are supported, and more may be added in the future.

  • OpenAI
  • Google
  • Anthropic

Enter your API key for each provider and select your preferred model. Choose the best AI model for your situation.

Detailed Settings#

  • AI provider and model selection
  • API key management (per provider)
  • Per-feature prompt settings (summarization, translation, text transformation, etc.)
  • Font size adjustment
  • Summary length limit
  • Number of chat messages to keep
  • Side panel link click behavior (new tab / current tab)
  • Saved elements and execution graph management
  • Students and researchers who frequently read and learn from web documents and articles
  • Anyone who wants to organize content while doing web research
  • Professionals wasting time on repetitive web tasks
  • Users who frequently encounter multilingual content
  • Anyone interested in task automation with AI
  • Those who want to grow their AI skills by working with prompts directly
  • Users who value privacy protection

Getting Started#

  1. Install the extension.
  2. Open the side panel and click “Settings.”
  3. Choose an AI provider and enter your API key. (Choose from OpenAI, Google, or Anthropic)
  4. Select the AI model you want.
  5. You can now summarize webpages, translate text, and chat with AI.

How to Get API Keys#

  • OpenAI: Create an account at platform.openai.com and generate an API key
  • Google: Get a free API key at aistudio.google.com
  • Anthropic: Generate an API key at console.anthropic.com

Tips#

  • Use “Summarize” when you want to quickly grasp long blog posts or news articles.
  • If you come across something you don’t understand on a foreign-language page, select the text and translate it.
  • Use @page to ask AI questions about the current page.
  • While reading a webpage, organize important content in notes and let AI help refine it.
  • Save search buttons or input fields on frequently visited sites for faster workflows.
  • If you have daily information-gathering tasks, automate them with the execution graph.
  • Set your own style in prompt settings so you don’t have to repeat the same instructions every time.

Feature Highlights#

  • No backend server — complete privacy protection
  • Automatic webpage summarization (supports iframes and PDFs)
  • AI-powered translation and text transformation
  • Smart chat with current page context
  • Smart notes written together with AI
  • Node-based visual workflow for task automation
  • Saved elements management and reuse
  • Per-feature prompt customization to build your own AI
  • 3 AI providers supported (OpenAI, Google, Anthropic)
  • All data stored locally for safe management
  • Korean / English support

Notes#

  • You need an API key from an AI provider to use this extension.
  • Fees may be charged by the AI provider depending on API usage.
  • Some websites (Notion, Google Docs, etc.) may restrict the text transformation feature due to security constraints.

Privacy Policy#

“I am your AI” prioritizes user privacy above all else. All settings and data are stored only in the user’s browser and are never transmitted to any separate server. AI requests are sent directly to the AI provider through the API key that the user enters.

Positioning: “Education-Focused & Customer-Tailored AI Agent”#

There are already many AI-related browser extensions — and even AI-powered browsers. So I thought hard about differentiation and decided to position the app as an education-focused & customer-tailored AI agent.

Key directions:

  • Create documentation on how to use the app and integrate it into the appropriate areas of the extension.
  • The documentation will include not only app feature explanations but also helpful AI-related content (concepts / examples / best practices) so users can understand the context.
  • Improve the product so users can customize it to their needs.

What’s Next: Expanding with Sub-Documents#

I’ll keep adding planning notes and improvement ideas as sub-documents under this section. Potential topics include:

  • Things I considered during the planning process
  • Feature roadmap (what / why / in what order)
  • Educational documentation design (in-extension UX integration, learning flow)
  • Customer-tailored customization strategy (settings / presets / templates)
  • Execution graph use case library (work / learning / research scenarios)