Claude & ChatGPT Bookmarklets

Do you find yourself typing the same prompts into Claude or ChatGPT over and over? Want to launch your AI assistants with specific instructions in just one click? Bookmarklets are the answer!

In this article, I'll show you how to create and use bookmarklets that leverage URL parameters to instantly launch Claude and ChatGPT with pre-configured prompts and settings.

What Are Bookmarklets?

Bookmarklets are special bookmarks that contain JavaScript code instead of a regular URL. When clicked, they execute this code in the context of the current page. For our purposes, we'll use them to open Claude or ChatGPT with specific parameters already set.

How to Add a Bookmarklet to Your Browser

1. Create a new bookmark in your browser by right-clicking on the bookmarks bar and selecting "Add Page" or "Add Bookmark"
2. Give it a name that describes what the bookmarklet does
3. Paste the JavaScript code provided below into the URL/location field
4. Click Save
5. Click the bookmarklet on your bookmarks bar to use it

Now, let's explore some useful bookmarklets for both Claude and ChatGPT!

Claude Bookmarklets

Claude supports the ?q= URL parameter, which pre-fills the prompt field with your specified text. Here are some useful bookmarklets for Claude:

1. Summarize Selected Text with Claude

This bookmarklet grabs any text you've selected on a webpage and sends it to Claude with a summarization prompt.

javascript:(() => {const selectedText = window.getSelection().toString(); if (selectedText) {const prompt = `Please summarize the following text in 3-5 key points:\n\n${selectedText}`; window.open(`https://claude.ai/new?q=${encodeURIComponent(prompt)}`, '_blank');} else {alert('Please select some text first!');}})();

2. Weekly Planning Assistant

Opens Claude with a prompt to help you plan your week.

javascript:(() => {window.open(`https://claude.ai/new?q=${encodeURIComponent('Help me plan my week. I want to organize my tasks, meetings, and personal goals. Please provide a template and ask me questions to help me structure my week effectively.')}`, '_blank');})();

3. Email Writer

Quickly draft professional emails with Claude's help.

javascript:(() => {window.open(`https://claude.ai/new?q=${encodeURIComponent('I need to write a professional email. Please ask me about the recipient, purpose, and key points I want to include, then help me draft an appropriate email.')}`, '_blank');})();

4. Code Explainer

Get Claude to explain code you've selected.

javascript:(() => {const selectedText = window.getSelection().toString(); if (selectedText) {const prompt = `Please explain what this code does in simple terms:\n\n\`\`\`\n${selectedText}\n\`\`\``; window.open(`https://claude.ai/new?q=${encodeURIComponent(prompt)}`, '_blank');} else {alert('Please select some code first!');}})();

5. Compare and Contrast

Ask Claude to compare two concepts you're researching.

javascript:(() => {window.open(`https://claude.ai/new?q=${encodeURIComponent('Please compare and contrast the following two concepts: [CONCEPT 1] and [CONCEPT 2]. Include similarities, differences, and when each might be more appropriate to use or reference.')}`, '_blank');})();

ChatGPT Bookmarklets

ChatGPT supports more URL parameters than Claude, including:

• ?q= - Pre-fills the prompt field with your text
• ?hints=search - Automatically opens with search/browsing mode enabled
• ?hints=canvas - Automatically opens with canvas mode enabled

Here are some useful bookmarklets for ChatGPT:

1. Search and Explain

Opens ChatGPT with search mode enabled and asks it to explain a topic with up-to-date information.

javascript:(() => {const topic = prompt('What topic would you like explained with current information?'); if (topic) {window.open(`https://chatgpt.com/?hints=search&q=${encodeURIComponent(`Please search for the latest information about ${topic} and explain it to me in simple terms.`)}`, '_blank');}})();

2. Canvas Mind Map Creator

Opens ChatGPT in canvas mode and asks it to create a mind map on your chosen topic.

javascript:(() => {const topic = prompt('What topic would you like a mind map for?'); if (topic) {window.open(`https://chatgpt.com/?hints=canvas&q=${encodeURIComponent(`Create a detailed mind map about ${topic}. Include main concepts, subcategories, and key points for each branch.`)}`, '_blank');}})();

3. Current Events Analyzer

Uses ChatGPT's search capability to analyze recent news on a topic.

javascript:(() => {const topic = prompt('What current event or news topic would you like analyzed?'); if (topic) {window.open(`https://chatgpt.com/?hints=search&q=${encodeURIComponent(`Search for recent news about ${topic}. Analyze the situation, provide context, explain different perspectives, and help me understand the significance.`)}`, '_blank');}})();

4. Visual Concept Explainer

Uses canvas mode to create visual explanations of complex concepts.

javascript:(() => {const concept = prompt('What concept would you like explained visually?'); if (concept) {window.open(`https://chatgpt.com/?hints=canvas&q=${encodeURIComponent(`Explain the concept of ${concept} visually. Create a diagram that breaks down the key components and how they relate to each other. Add annotations to explain important points.`)}`, '_blank');}})();

5. Research Assistant

Combines search mode with a research framework prompt.

javascript:(() => {const topic = prompt('What topic are you researching?'); if (topic) {window.open(`https://chatgpt.com/?hints=search&q=${encodeURIComponent(`I'm researching ${topic}. Please help me by:\n1. Finding key information and concepts\n2. Identifying major perspectives or debates\n3. Suggesting specific subtopics to explore\n4. Recommending search terms for further research\n5. Highlighting any recent developments`)}`, '_blank');}})();

6. Web Page Analyzer

Takes the current URL and asks ChatGPT to analyze the content.

javascript:(() => {const currentUrl = window.location.href; window.open(`https://chatgpt.com/?hints=search&q=${encodeURIComponent(`Please visit and analyze this web page: ${currentUrl}. Summarize its main points, evaluate the quality of information, and highlight any biases or missing perspectives.`)}`, '_blank');})();

Advanced Customization

These bookmarklets are just starting points. You can customize them by:

1. Modifying the prompts to better suit your specific needs
2. Combining parameters for more complex workflows
3. Adding user input with prompt() to make them more flexible
4. Including current date/time for context-aware prompts

What I'm building

Delegate tasks. Get software.

Give Vroni a GitHub issue, bug report, spec, or rough idea. It reads the repo, plans the change, writes code, runs checks, and works toward a review-ready pull request.

Take a look at vroni.com