ai-agent

Obsidian Clipper: Capture Web Content

Name: Obsidian Clipper: Capture Web Content
Author: obsidianmd

Capture web content in your browser with the official Obsidian Web Clipper, for founders using Obsidian, with 4.9k+ GitHub stars.

From the repo · “Highlight and capture the web in your favorite browser. The official Web Clipper extension for Obsidian.”

5,384 stars+36★ this week752 forksTypeScriptGuide quality 9/10 · reviewed Jul 26Updated 9/22/2026100% free · open source

What it does

The Obsidian Web Clipper captures web content in your browser and saves it to your Obsidian notes, allowing founders to easily organize and reference online research and resources.

When to use it

•When researching market trends and competitors online
•When saving articles or blogs for later reference in your notes
•When collecting inspiration or resources for a project

Ready-to-paste prompt

Clip this entire page, including images and links, to a new note in my 'Research' vault, using the 'Article' template

Heads up: The Web Clipper requires the Obsidian desktop app to be installed and configured on your system, and you must have the 'Web Clipper' core plugin enabled in the Obsidian settings

Saves to your device

Use with Claude

New

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

🖥️ Needs desktop apps

Drives software that must already be installed on your computer.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/obsidian-clipper && curl -fsSL https://workflowstacks.com/api/skills/obsidian-clipper/claude-skill -o ~/.claude/skills/obsidian-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 Obsidian Clipper: Capture Web Content works

Codeflow

Free to inspect

Obsidian Clipper: Capture Web Content is a large TypeScript project (~23k lines across 110 code files). It is a full software project: use it through its install path rather than reading it end to end. Last commit this month, MIT license, has a test suite.

Size

Large codebase

~23k lines · 110 code files · ~3 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 77%SCSS 15%HTML 6%JavaScript 1%Swift 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/cli.ts
Where the program starts running
3
package.json
Dependencies and the commands it exposes

What's in each folder

src/Core code — the actual logic203 files

xcode/Folder35 files

scripts/Helper scripts11 files

assets/Images & static assets6 files

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

READMEHas testsDocumentedNo CIMIT licenseUpdated this month

Use with Claude

New

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

🖥️ Needs desktop apps

Drives software that must already be installed on your computer.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/obsidian-clipper && curl -fsSL https://workflowstacks.com/api/skills/obsidian-clipper/claude-skill -o ~/.claude/skills/obsidian-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

obsidianmd

Language

TypeScript