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.