1.8 KiB
Claude Artifact Scraper for Firefox
Overview
This extension will, while within a Claude project chat, package up all available artifacts into a single zip file.
It's an early/quick-and-dirty project that requires a little bit of a setup to use, but makes using Claude Pro for reasonably priced development much easier.
Installing
This isn't in the Firefox extension store yet, so you'll have to install it by hand.
- Visit
about:debugging - Select "This Firefox"
- Click "Load Temporary Add-on" and browse to this project's manifest.json
Usage
Step 1: Getting the artifacts in a project chat
You must be developing in a Project and have artifacts generated inside a chat within that project. If the files you want only exist at the project level, create a new chat and ask Claude to:
Copy all project artifacts into this chat.
Step 2: Create a file map
Claude's artifacts don't have paths, but Claude itself knows what those paths should be. We'll take advantage of that knowledge by having it dump path information into a files.txt artifact by asking it to:
Generate a new artifact called files.txt. It should list the file structure of all the files in this project. It should ONLY contain the file structure and no other commentary.
Step 3: Make sure the artifacts sidebar is open
There's a <- arrow on the top right you can click to open the sidebar if it's not already visible.
Step 4: Click the extension icon
If you've followed the other steps, you should see some activity in the chat page's console, then see a zip file downloaded with all the artifacts correctly mapped inside.
Known bugs
- Fix the scraper to work with single-artifact chats that don't have a selector button. Not sure how we'll get the artifact name here.