Request for Claude Web Clipper Template

I wanted to share an idea and see if others might be interested. It would be amazing to have a web clipper template specifically tailored for Claude! I’ve come across a fantastic ChatGPT template, and it inspired me to think about how a similar setup for Claude could be incredibly useful.

In particular, I’d love for the template to account for Claude’s artifacts—where its output (like code or writing) appears in a separate pane, similar to ChatGPT’s Canvas. Capturing this could make the template super useful.

I won’t be able to work on this myself but I’d love to see someone in the community take it on and possibly share it on the web clipper showcase channel on Discord.

If this idea resonates with you, let’s use this thread to gather interest and share thoughts :raised_hands:

1 Like

Hey. This isn’t exactly what you’re looking for, but I think it’s essentially the same thing.

You can use the following setup:
1 - Claude Desktop or any model UI that allows you to use MCP servers.
2 - Setup the Obsidian MCP server found here; include the file path to your vault. Here’s a guide to follow if you’re not sure where to start.
3 - That’s really it, man.

You’ll be able to move any Claude content into Obsidian automatically, and with quite a bit of control. It’s formatted in Obsidian markdown. It works perfectly for me.

The MCP server I’ve suggested is currently in development… which is good. It’s likely to get better and more granular control is probably around the corner. For now, though… I’m able to update my Product Development notes as I code in my IDE with an MCP server link. I’m able to add to research notes or just personal notes directly from Claude desktop.

Let me know if it helps. If you’re stuck - you can hit me here.

1 Like

This one works for my purposes. You’ll want to replace “JB” with whatever your initials are. (The pythonCopy substitution is for code snippets in Python.)

{{selectorHtml:div[data-test-render-count]|replace:"/<div class=\\\"font-claude-message.*?mr-9\\\">/g":"### Claude"|join:"\n\n"|markdown|replace:("\\###":"###", "JB": "### You:", "pythonCopy":"")}}

1 Like