A Chrome extension that allows you to save Claude.ai chat conversations as HTML files with preserved formatting.
Adds a download button to Claude.ai chat interface
Preserves chat formatting using Tailwind CSS
Generates clean filenames based on chat titles
Downloads complete chat transcripts as standalone HTML files
Maintains all styling and layout of the original chat
Clone this repository or download the source code
Open Chrome and navigate to chrome://extensions/
Enable "Developer mode" in the top right
Click "Load unpacked" and select the directory containing the extension files
Visit Claude.ai and open any chat
Look for the download button in the chat interface (shows an icon and "Download" text)
Click the button to save the current chat
Choose your save location in the browser's download dialog
The chat will be saved as an HTML file with the chat title as the filename
manifest.json
- Extension configuration and permissions
popup.html
- Simple popup interface
popup.js
- Handles popup button click and initiates download
content.js
- Injects download button and handles chat content extraction
background.js
- Manages file download process
styles.css
- Custom styling for the download button
The extension works by:
Injecting a download button into the Claude interface
Capturing the chat content when requested
Creating a standalone HTML file with:
Original chat content
Embedded Tailwind CSS (via CDN)
Preserved Tailwind classes and layout
Self-contained HTML document with all necessary styling
The HTML file includes Tailwind CSS 2.2.19 via CDN to maintain the exact same styling as the original Claude interface
Handling the download through Chrome's download API
Tailwind CSS (2.2.19) - Loaded via CDN in generated files
The extension requires:
downloads
- For saving files
Host permission for https://claude.ai/*
To modify the extension:
Make your changes to the source files
Visit chrome://extensions/
Click the refresh icon on the extension card
Test your changes on Claude.ai
Currently only tested and supported on Google Chrome. May work on other Chromium-based browsers but this is not guaranteed.
Feel free to submit issues and enhancement requests!
This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.
This means you are free to:
Use the code commercially
Modify the code
Distribute the code
Place warranty
Under the following conditions:
Source code must be made available when the extension is distributed
A copy of the license and copyright notice must be included
Modifications must be released under the same license
Changes made to the code must be documented