Claude Web Clipper

About

The Problem

Every Claude Code user knows this pain: you're researching a bug, reading docs, reviewing Stack Overflow answers — and you need ALL of that context in your Claude session. But copy-pasting is chaos. You lose track of sources. You waste context window on badly formatted text.

The Solution

Claude Web Clipper lets you collect web content as you browse and exports it as perfectly formatted context — ready to paste into Claude Code. One keyboard shortcut. Zero friction.

How it works:

1. Select text or code on any webpage
2. Right-click > "Clip to Claude Context" (or press Cmd+Shift+C)
3. Keep browsing and clipping
4. Open the popup, hit "Copy MD" — your entire research session is formatted and ready

Features

Smart Clipping

- Select text on ANY webpage and clip it with one click or keyboard shortcut
- Auto-detects code vs prose vs lists — wraps code in code blocks automatically
- Stores source URL, page title, timestamp, and category for every clip

Context Window Awareness

- Real-time token counter shows estimated token usage
- Visual context bar shows how much of Claude's 200K context window you've filled
- Never accidentally blow your context budget again

Multiple Export Formats

- Markdown: Headers, source citations, code blocks — paste directly into Claude Code
- XML: Claude-compatible <source> tags for structured context
- Plain Text: Simple format for any AI tool

Organize Your Research

- Drag clips to reorder (most important first)
- Categorize as Code, Docs, Reference, or Example
- Delete individual clips you don't need
- Clear all to start fresh

Session Management

- Save named sessions for different projects (e.g., "React Migration", "Auth Bug")
- Switch between sessions instantly
- Never lose your research when switching tasks

Beautiful UI

- Dark purple AI theme that matches Claude's aesthetic
- Clean, distraction-free popup at 420x550px
- Badge shows clip count on the extension icon

Who Is This For?

- Claude Code users who research while coding
- AI-assisted developers who need to feed context to LLMs
- Technical writers collecting reference material
- Anyone who does web research and needs organized output

Privacy

- All data stored locally in your browser (chrome.storage.local)
- No data sent to any server — ever
- No analytics, no tracking, no accounts required
- Open source: review the code yourself

Keyboard Shortcut

- Mac: Cmd+Shift+C
- Windows/Linux: Ctrl+Shift+C