ai-agent

Web-clipper: Clip to Anywhere

Name: Web-clipper: Clip to Anywhere
Author: webclipper

Clip content to Notion, OneNote, and more with web-clipper, a tool for founders, backed by 6.8k+ GitHub stars.

From the repo · “For Notion,OneNote,Bear,Yuque,Joplin。Clip anything to anywhere”

6,867 stars+6★ this week658 forksTypeScriptGuide quality 9/10 · reviewed Jul 26Updated 10/21/2025100% free · open source

What it does

Web-clipper is a tool that allows founders to clip content from the web and save it to various note-taking apps like Notion, OneNote, and more with just a few clicks.

When to use it

•When researching and need to quickly save relevant web pages to your note-taking app
•When wanting to organize web content into a knowledge base or database
•When collaborating with team members and need to share clipped content seamlessly

Ready-to-paste prompt

Clip a webpage to Notion using the `web-clipper` extension by clicking the extension icon, selecting 'Notion' as the destination, and configuring the `config.json` file with your Notion API credentials

Heads up: Make sure you have the correct API credentials configured for your chosen note-taking app, as web-clipper requires these to authenticate and save clipped content

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/web-clipper && curl -fsSL https://workflowstacks.com/api/skills/web-clipper/claude-skill -o ~/.claude/skills/web-clipper/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Web-clipper: Clip to Anywhere works

Codeflow

Free to inspect

Web-clipper: Clip to Anywhere is a large TypeScript project (~16k lines across 298 code files). It is a full software project: use it through its install path rather than reading it end to end. Last commit 11 months ago, Other license, has a test suite.

Size

Large codebase

~16k lines · 298 code files · ~2 h to skim

Setup

Developer setup

A real software project. Use it via its install path; don't expect to read it all.

Runs on

Node.js

No API keys detected

TypeScript 97%JavaScript 2%Less 1%HTML 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
bin/main.ts
Where the program starts running
3
package.json
Dependencies and the commands it exposes
4
src/extensions/index.ts
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic314 files

bin/Command-line entry points4 files

chrome/Folder6 files

webpack/Folder4 files

script/Helper scripts3 files

.github/CI / automation (GitHub Actions)5 files

.vscode/Editor / agent settings1 files

READMEHas testsDocumentedCI checksOther licenseLast update 11 mo ago

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/web-clipper && curl -fsSL https://workflowstacks.com/api/skills/web-clipper/claude-skill -o ~/.claude/skills/web-clipper/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

webclipper

Language

TypeScript