# 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.

1. Visit `about:debugging`
2. Select "This Firefox"
3. 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
1. 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.