cd /news/developer-tools/i-built-a-chrome-extension-to-replac… Β· home β€Ί topics β€Ί developer-tools β€Ί article
[ARTICLE Β· art-73739] src=dev.to β†— pub= topic=developer-tools verified=true sentiment=↑ positive

I Built a Chrome Extension to Replace Notion's Broken Web Clipper

A developer built ClipMark, a Chrome extension that replaces Notion's broken Web Clipper by saving clips locally first, generating AI tags and summaries via gpt-4o-mini, and supporting Markdown export and Notion integration with OAuth. The extension addresses top user complaints like login loops and silent data loss, with a free tier and $4.99/month pro plan.

read4 min views1 publishedJul 25, 2026

Notion's official Web Clipper has a 3.4β˜… rating on the Chrome Web Store. The reviews tell the same story for years: "go online to save" errors while online, login loops every few hours, clips vanishing silently, and zero organization on save.

Pocket shut down. MarkDownload was removed from the Chrome Web Store. The gap was obvious, so I built ClipMark to fill it.

I mapped the most common complaints from real Chrome Web Store reviews and built features that directly address each one:

Complaint How ClipMark fixes it
"Asks me to log in every time" OAuth via Notion's official API β€” persistent token, no session cookie dependency
"Go online to save" while online Every clip is saved locally first. If the API fails, it queues with automatic retry. Nothing is silently lost.
"Half the content is missing" Content extraction with Readability.js + manual selection fallback + full page mode
"No tags, no organization" AI generates 3–5 tags + a one-line summary at clip time, editable before saving
"Have to re-select the database every time" Database choice is remembered across sessions

ClipMark is a Manifest V3 Chrome extension with three core actions:

1. Copy Markdown β€” Extracts the main content (no menus, footers, or cookie banners) and copies clean Markdown to clipboard. No account needed. This is the entry point for anyone who feeds web content into ChatGPT, Claude, or Obsidian.

2. Download .md β€” Saves a Markdown file with YAML frontmatter (title, URL, date, tags). Drop it into Obsidian or any note-taking system.

3. Save to Notion β€” Creates a page in your chosen database with native Notion blocks (not a bookmark, not a screenshot). Properties are mapped automatically: Title, URL, Date, Tags, Summary.

The first two work without any account or sign-up. Notion integration requires a one-time OAuth connection.

When saving to Notion, ClipMark sends the extracted text to a lightweight backend (gpt-4o-mini on a VPS). The AI returns:

Both are shown in a review panel before saving β€” fully editable. The user stays in control.

Cost per clip: approximately $0.0005–0.002. At 20 free clips per month per user, the AI cost is negligible.

This is the feature I'm most proud of. Every clip follows this flow:

Nothing is ever silently lost. This directly addresses the #1 frustration with the official clipper.

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”     β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”     β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  Popup UI   │────▢│ Service      │────▢│ Notion API   β”‚
β”‚             β”‚     β”‚ Worker       β”‚     β”‚ (OAuth)      β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜     β”‚              β”‚     β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                    β”‚ background.jsβ”‚
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”     β”‚              β”‚     β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ Content     │────▢│ β€’ Queue mgr  │────▢│ VPS Backend  β”‚
β”‚ Script      β”‚     β”‚ β€’ AI client  β”‚     β”‚ /enrich      β”‚
β”‚ (extract)   β”‚     β”‚ β€’ Storage    β”‚     β”‚ (gpt-4o-mini)β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜     β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜     β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

/notion/token

(OAuth code exchange) and /enrich

(AI tags + summary + quota enforcement)Content extraction is harder than it looks. Readability.js handles 80% of pages well, but complex layouts (multi-column articles, heavy SPAs, paywalled content) still break. The manual selection fallback is essential β€” don't skip it.

The Notion API block limit matters. Notion's API accepts max 100 blocks per request. Long articles need to be batched. This is the kind of thing you only discover when testing with real content.

Onboarding is the first impression. An inline <script>

tag in the onboarding page was silently blocked by Manifest V3's CSP. The buttons did nothing. Users would have seen a broken first experience. Always test every HTML page in the actual extension context, not just in a browser tab.

Free Pro β€” $4.99/mo
Clips (Markdown + Notion) Unlimited Unlimited
AI (tags + summary) 20/month Unlimited
Future features β€” Included

The anchor: Web2MD charges $9/month. Copy to Notion is paid. ClipMark enters below both.

The math: gpt-4o-mini costs ~$0.001 per clip. 20 free clips = ~$0.02/user/month. Even at 1% conversion, the unit economics work.

Live now: Published on the Chrome Web Store with 5.0β˜… rating. Core features complete (Markdown, Notion, AI, queue, payments).

Roadmap (v2):

If you use Notion, Obsidian, or regularly feed web content into AI tools:

πŸ”— ClipMark on the Chrome Web Store

Free for unlimited clips. AI is limited to 20/month on free, unlimited on Pro.

Feedback and feature requests welcome.

── more in #developer-tools 4 stories Β· sorted by recency
── more on @notion 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain β€” perfect for shipping the agent you just read about.

$git push zahid main
β†’ Live at https://your-agent.zahid.host βœ“
Get free account β†’ Pricing
from €0/mo Β· no card required
LIVE [news/i-built-a-chrome-ext…] indexed:0 read:4min 2026-07-25 Β· β€”