Show HN: LLMFeeder – Browser extension to extract clean content for LLM context

4 months ago 16

Chrome Web Store Firefox Add-on  MIT GitHub release Last Commit GitHub issues GitHub stars

A browser extension that converts web page content to clean Markdown format and copies it to clipboard with a single click, perfect for feeding content to Large Language Models (LLMs). Available for both Chrome and Firefox.

llmfeeder_promo Click the image for YT Demo video. 👆

LLMFeeder operates as a fully client-side extension with zero backend dependencies. All content processing occurs locally within your browser's execution environment:

  • No Remote Data Transmission: The extension performs all operations (content extraction, Markdown conversion, clipboard operations) entirely within your browser's sandbox. No data is ever transmitted to external servers.

  • Zero Telemetry: Unlike many extensions, LLMFeeder contains no analytics, tracking, or data collection mechanisms of any kind.

  • Minimal Permissions: The extension requests only the permissions strictly necessary for its core functionality (activeTab, clipboardWrite, storage, scripting).

  • Verifiable Codebase: Being fully open source, the entire codebase is available for inspection to verify these privacy claims. Users are encouraged to review the source code to confirm the absence of any data exfiltration mechanisms.

This architecture ensures that your content remains exclusively on your device throughout the entire extraction and conversion process.

  • Smart Content Extraction: Uses Readability algorithm to focus on main content
  • One-Click Simplicity: Single action to process and copy content
  • LLM-Optimized Output: Clean, structured Markdown perfect for AI consumption
  • Visual Feedback: Clear indication of successful copying
  • Customizable: Configure content scope and formatting options
  • Keyboard Shortcuts: Convert content without opening the popup
  • Multi-Browser Support: Works on both Chrome and Firefox

Option 1: Browser Extension Stores (Recommended)

Now Available! Install directly from the Chrome Web Store

Now Available! Install directly from the Firefox Add-ons Store

Option 2: Direct Download

  1. Download the latest release zip file based on your browser.
  2. Extract the zip file to a location of your choice
  1. Open Chrome and navigate to chrome://extensions/
  2. Enable "Developer mode" by toggling the switch in the top right
  3. Click "Load unpacked" and select the extracted extension directory
  4. The LLMFeeder extension should now appear in your extensions list
  5. Click the puzzle piece icon in Chrome toolbar and pin LLMFeeder for easy access
  1. Open Firefox and navigate to about:debugging#/runtime/this-firefox
  2. Click "Load Temporary Add-on..."
  3. Select the manifest.json file in the extracted extension directory
  4. The LLMFeeder extension should now appear in your add-ons list
  5. Note: For permanent installation in Firefox, use the Firefox Add-ons store option when available

Option 3: From Source (Development)

  1. Clone this repository:

    git clone [email protected]:jatinkrmalik/LLMFeeder.git
  2. Follow the browser-specific instructions from Option 2 above to load the extension.

  1. Clone this repository:
    git clone [email protected]:jatinkrmalik/LLMFeeder.git
  2. Open Firefox and navigate to about:debugging#/runtime/this-firefox
  3. Click "Load Temporary Add-on..."
  4. Select the manifest.json file inside the extension directory.
  5. The extension will appear in your Firefox extensions list for the current session.
  1. Navigate to any web page you want to convert to Markdown
  2. Click the LLMFeeder icon in your browser toolbar
  3. Click the "Convert & Copy" button
  4. The content will be processed and copied to your clipboard
  5. Paste the Markdown content into your LLM tool of choice
  • Open Extension Popup: Alt+Shift+L (Windows/Linux) or ⌥⇧L (Mac)
  • Convert & Copy without Opening Popup: Alt+Shift+M (Windows/Linux) or ⌥⇧M (Mac)

Users can customize keyboard shortcuts by following these steps:

  • Chrome: Go to chrome://extensions/shortcuts in your browser
  • Firefox: Go to about:addons → Extensions → ⚙️ (Gear icon) → Manage Extension Shortcuts
  • Content Scope:

    • Main article content only (default)
    • Full page content
    • Selected text only
  • Formatting Options:

    • Preserve table formatting
    • Include/exclude images

Below is a visual representation of the project structure to help developers understand the codebase:

LLMFeeder/ │ ├── dist/ # Distribution packages directory │ ├── LLMFeeder-Chrome-*.zip # Chrome package │ ├── LLMFeeder-Firefox-*.zip # Firefox package │ └── LLMFeeder-Source-*.zip # Source package │ ├── extension/ # Browser extension directory │ ├── icons/ # Extension icons │ │ ├── icon16.png # 16x16 icon │ │ ├── icon48.png # 48x48 icon │ │ └── icon128.png # 128x128 icon │ │ │ ├── libs/ # Third-party libraries │ │ ├── readability.js # Mozilla's Readability for content extraction │ │ ├── turndown.js # HTML to Markdown conversion │ │ └── browser-polyfill.js # Browser compatibility layer │ │ │ ├── manifest.json # Extension configuration and metadata │ ├── popup.html # UI for the extension popup │ ├── popup.js # Controls popup behavior and user interactions │ ├── styles.css # Styling for the popup UI │ ├── content.js # Content script that runs on web pages │ └── background.js # Background script for keyboard shortcuts │ ├── scripts/ # Build and utility scripts │ └── build.sh # Main build script │ ├── .gitignore # Git ignore rules └── README.md # Project documentation
  • manifest.json: Defines extension metadata, permissions, and configuration
  • popup.html/js/css: Creates the user interface when you click the extension icon
  • content.js: Contains the core functionality to extract and convert web content to Markdown
  • background.js: Handles keyboard shortcuts and global extension functionality
  • readability.js: Mozilla's library that identifies and extracts the main content from a webpage
  • turndown.js: Converts HTML to Markdown with configurable options
  • browser-polyfill.js: Provides compatibility layer for Chrome and Firefox extension APIs
  1. User triggers conversion (via popup UI or keyboard shortcut)
  2. Request is sent from popup.js or background.js to content.js
  3. content.js extracts content using readability.js
  4. Content is converted to Markdown using turndown.js
  5. Markdown is copied to clipboard and success feedback is shown

LLMFeeder is designed to work on all modern browsers with complete feature parity:

  • Chrome/Chromium-based browsers: Fully supported (v80+)
  • Firefox: Fully supported (v109+)
  • Content Extraction: Mozilla's Readability.js
  • Markdown Conversion: Turndown.js
  • Extension Framework: Web Extensions API (Chrome Manifest V3, Firefox Manifest V2 compatibility)
  • Browser Compatibility: Custom polyfill for cross-browser support

To build the extension packages for distribution:

  1. Make sure you have zip and jq installed (optional but recommended)
  2. Run the build script:

This will create three packages in the dist/ directory:

  • LLMFeeder-Chrome-v1.0.1.zip - Chrome-compatible package
  • LLMFeeder-Firefox-v1.0.1.zip - Firefox-compatible package
  • LLMFeeder-Source-v1.0.1.zip - Source code package

You can also build specific packages:

# Build only Chrome package ./scripts/build.sh chrome # Build only Firefox package ./scripts/build.sh firefox # Build only source package ./scripts/build.sh source # Specify version number ./scripts/build.sh --version 1.1.0 all

MIT

Contributions are welcome! Please feel free to submit a Pull Request.

Read Entire Article