HTML to Markdown AI Chrome Extension

Completed on April 1, 2026
HTML to Markdown AI Chrome Extension
Chrome ExtensionGitHub ModelsJavaScript

HTML to Markdown AI Chrome Extension

HTML to Markdown AI is a Manifest V3 Chrome extension that lets you select any HTML elements on a live page and convert them into clean Markdown — powered by GitHub Models.

✨ How It Works

  1. Open the extension popup.
  2. Click Start selection to enter element-picker mode.
  3. Click one or more HTML elements on the page to queue them.
  4. Click Generate Markdown to submit the selection.
  5. The background service worker bundles the HTML fragments and sends them to GitHub Models.
  6. The model returns Markdown, with each converted fragment separated by a --- divider.

🛠 Implementation Notes

  • Local token storage: The GitHub Models API token is saved in chrome.storage.local, keeping it scoped to the current browser profile.
  • Safe by design: The extension does not inject into Chrome internal pages (e.g., chrome://).
  • Structured output: The AI is prompted to return Markdown only, using --- to delimit each fragment.
  • Host permission: https://models.github.ai/* is declared for GitHub Models inference requests.

📸 Screenshots

← Back to Portfolio