Claude Chat Exporter

A JavaScript tool that exports Claude.ai conversations with perfect markdown fidelity by leveraging Claude's native copy functionality. Get complete conversations with both human and AI messages including tables, complex formatting, and all elements that Claude supports.

Features

• 🎯 Perfect Markdown Fidelity - Uses Claude's copy function for exact output
• 📊 Complete Element Support - Tables, math, complex formatting, everything
• 📁 Smart Filename Generation - Uses actual conversation title
• 🔧 Future-Proof - Automatically supports new Claude markdown features
• 📈 Real-Time Status - Visual progress indicator during export
• 🛡️ Robust Error Handling - Comprehensive error detection and recovery
• ⚙️ Easy Maintenance - Modular selectors for UI changes

How It Works

This script combines two reliable methods:

1. Human Messages: Simulates clicking edit buttons to access original message content
2. Claude Responses: Intercepts clipboard when copy buttons are clicked
3. Perfect Output: Uses Claude's exact markdown formatting for all elements

Why Copy Button Approach?

Instead of manually parsing HTML and converting to markdown (which misses tables and complex elements), this tool uses Claude's own copy button to ensure 100% accurate markdown output. Combined with edit button simulation for human messages, you get perfect conversation exports.

❌ Manual HTML Parsing:
- Misses tables and complex elements
- Requires constant updates for new features
- Error-prone formatting conversion
- Maintenance nightmare

✅ Copy Button Method:
- Perfect markdown fidelity
- Automatic support for ALL elements
- Future-proof against new features
- Zero formatting edge cases

Usage

1. Open your conversation with Claude in your web browser.
2. Open the browser's developer console:
   • Chrome/Edge: Press F12 or Ctrl+Shift+J (Windows/Linux) or Cmd+Option+J (Mac)
   • Firefox: Press F12 or Ctrl+Shift+K (Windows/Linux) or Cmd+Option+K (Mac)
   • Safari: Enable the Develop menu in preferences, then press Cmd+Option+C
3. Copy the entire script in the file claude-chat-exporter.js and paste it into the console.
4. Press Enter to run the script.
5. The script will show a progress indicator and will automatically generate and download a file named {conversation-title}.md (auto-generated with conversation-title being the Claude conversation title).

Complete Element Support

Because this uses Claude's copy function, it automatically handles:

• ✅ Tables - Perfect markdown table formatting
• ✅ Math - LaTeX and inline math notation
• ✅ Code blocks - With proper language detection
• ✅ Lists - Nested lists with correct formatting
• ✅ Links - All link types and formats
• ✅ Formatting - Bold, italic, strikethrough, etc.
• ✅ Blockquotes - Proper quote formatting
• ✅ Headers - All heading levels
• ✅ Future elements - Automatically supported

File Output

• Filename: {conversation-title}.md (auto-generated)
• Format: Perfect markdown matching Claude's copy output
• Content: Complete conversation with proper spacing
• Encoding: UTF-8 with standard line endings

Example Output

The output is identical to what you get when copying Claude messages manually:

# Conversation with Claude

## Human:

Can you create a comparison table of sorting algorithms?

---

## Claude:

Here's a comprehensive comparison table of sorting algorithms:

| Algorithm   | Best Case  | Average Case | Worst Case | Space    | Stable |
| ----------- | ---------- | ------------ | ---------- | -------- | ------ |
| Bubble Sort | O(n)       | O(n²)        | O(n²)      | O(1)     | Yes    |
| Quick Sort  | O(n log n) | O(n log n)   | O(n²)      | O(log n) | No     |
| Merge Sort  | O(n log n) | O(n log n)   | O(n log n) | O(n)     | Yes    |

**Key advantages:**

- Tables render perfectly ✅
- Math notation preserved ✅
- All formatting maintained ✅

---

Configuration

Performance Tuning

Adjust delays in the DELAYS object:

const DELAYS = {
  hover: 50, // Time to wait for hover effects (recommended: 50ms)
  edit: 150, // Time for edit interface to load (recommended: 150ms)
  copy: 100, // Time between copy operations (recommended: 100ms)
};

UI Selector Updates

If Claude's interface changes, update the SELECTORS object:

const SELECTORS = {
  userMessage: '[data-testid="user-message"]',
  messageGroup: '.group',
  copyButton: 'button[data-testid="action-bar-copy"]',
  editButton: 'button[aria-label="Edit"]',
  editTextarea: 'textarea',
  conversationTitle: '[data-testid="chat-title-button"] .truncate, button[data-testid="chat-title-button"] div.truncate'
};

Performance Metrics

• Execution Time: 3-8 seconds for 10-message conversations
• Success Rate: >95% with optimized delays
• Element Support: 100% (matches Claude's copy functionality)
• Memory Usage: Minimal (no large DOM processing)

Browser Compatibility

• ✅ Chrome/Chromium (recommended)
• ✅ Firefox
• ✅ Safari
• ✅ Edge

Requires clipboard API support (available in all modern browsers)

Troubleshooting

Export Status Indicators

The script shows real-time progress:

• Extracting human messages... - Processing edit buttons
• Copying Claude responses... - Clicking copy buttons
• Human: X | Claude: Y - Current counts
• ✅ Downloaded: filename.md - Success!

Common Issues

No Messages Captured

• Ensure conversation is fully loaded
• Check that messages are visible on screen
• Try scrolling through entire conversation first

Partial Export

• Script shows exact counts: "Human: 3 | Claude: 2"
• If mismatch, some messages may not be accessible
• Try refreshing page and running again

Technical Architecture

Smart Clipboard Interception

navigator.clipboard.writeText = function (text) {
  if (interceptorActive && text && text.length > 0) {
    capturedResponses.push(text); // Capture Claude's exact output
  }
};

Edit Button Simulation

// Hover -> Click Edit -> Extract -> Close
messageContainer.dispatchEvent(new MouseEvent("mouseenter"));
editButton.click();
content = textarea.value; // Original message content
document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape" }));

Advantages Over Manual Methods

Method	Accuracy	Speed	Maintenance	Future-Proof
This Script	100%	Fast	Low	Yes
Manual Copy/Paste	100%	Very Slow	N/A	Yes
HTML Parsing Scripts	~80%	Fast	High	No

Contributing

Contributions to improve the script or add new features are welcome! Please feel free to submit a pull request or open an issue to discuss potential changes.

This project benefits from:

1. Selector Updates - Help maintain compatibility with UI changes
2. Performance Tuning - Optimize delays for different browsers
3. Error Handling - Improve robustness for edge cases
4. Handling Additional Elements - Handle exporting artifacts, attachments, etc.

Limitations

• Requires JavaScript - Must be enabled in browser
• Claude Web Only - Works only on claude.ai web interface
• Susceptible to DOM changes - Interface changes may require updates to CSS selectors
• Visible Messages - Only exports messages visible in DOM
• No Attachments - Cannot export uploaded files or images
• No Artifacts - Artifact content is currently skipped

Privacy & Security

• Local Processing - Everything runs in your browser
• No External Calls - Only interacts with Claude.ai DOM
• Temporary Interception - Clipboard restored after export
• No Data Storage - Messages processed and downloaded immediately

License

This project is open source and available under the MIT License.

Disclaimer

This script is not officially associated with Anthropic or Claude AI. It is a community-created tool to enhance the user experience. Use it responsibly and in accordance with Anthropic's terms of service.

---

Perfect Exports. Every Element. Every Time.

Made for the Claude community - if this helps you, give it a ⭐!