A Chrome browser extension for downloading artifacts from Claude AI conversations. This extension uses the Claude API to reliably extract artifacts rather than scraping the DOM.
- 🔍 Scan Claude conversations for artifacts
- 📦 Download all artifacts as a neatly organized zip file
- 🏷️ Preserve artifact titles, types, and language information
- 📂 Organize artifacts into directories based on type
- 📝 Generate README files with artifact information
- 🌓 Support for dark and light modes
- Clone this repository or download it as a ZIP file
- Extract the contents to a folder
- Open Chrome/Brave/Edge/Chromium and navigate to
chrome://extensions/(or your browser's extensions page) - Enable "Developer mode" (toggle in the top-right corner)
- Click "Load unpacked" and select the extension folder
- The extension should now be installed and ready to use
- Navigate to a Claude conversation at claude.ai
- Click the extension icon in your browser toolbar
- Click "Scan for Artifacts" to detect artifacts in the conversation
- Review the list of detected artifacts
- Click "Download All" to save the artifacts as a zip file
Toggle "Flat Mode" in the extension popup to:
- When disabled (default): Organize artifacts into directories by type (code, markdown, html, etc.)
- When enabled: Place all artifacts in the root directory without categorization
- The organization preference affects both file structure and README detail level
This extension interacts with the Claude API to extract artifacts, providing several advantages:
- Reliability: Does not depend on Claude's UI structure, making it more resistant to website changes
- Completeness: Extracts all artifacts with their full metadata
- Error Handling: Better error detection and reporting for API failures
- Organization ID:
https://claude.ai/api/organizations - Conversation data:
https://claude.ai/api/organizations/{orgId}/chat_conversations/{conversationId}
- manifest.json: Contains extension configuration and permissions
- popup/: Contains the user interface (HTML, CSS, JavaScript)
- content.js: Handles communication with the Claude API
- background.js: Manages extension state and initialization
- API failures are detected and reported with specific error messages
- Network errors are caught and displayed to the user
- Fallback mechanisms for downloading when Chrome's download API is unavailable
- Chrome/Chromium-based browser
- Basic knowledge of HTML, CSS, and JavaScript
- Clone the repository
- Make changes to the code
- Load the extension in Chrome as described in the installation steps
- Reload the extension after making changes (from the extensions page)
- Update the version number in
manifest.json - Update the setup scripts with any new files or changes
- Test the extension thoroughly
- Package the extension using Chrome's "Pack Extension" feature
This extension requires the following permissions:
activeTab: To interact with the Claude tabdownloads: To download artifactsscripting: To execute scripts in the Claude tabstorage: To save user preferenceshost_permissionsforhttps://claude.ai/*: To access the Claude API
- Works only with Claude's web interface at claude.ai
- Requires being logged into Claude
- Cannot download artifacts from conversations you don't have access to
Extension not detecting artifacts:
- Make sure you're on a Claude conversation page
- Try refreshing the page and scanning again
- Check if you're logged into Claude
Download fails:
- Check your Chrome download settings
- Make sure you have sufficient disk space
- Try disabling other extensions that might interfere with downloads
This extension:
- Only accesses data from Claude conversations
- Does not send your data to any external servers
- All processing happens locally in your browser
- No tracking or analytics are included
Contributions are welcome! Please feel free to submit a Pull Request.
MIT License
- JSZip for zip file creation
- Anthropic for creating Claude AI