41 lines
1.9 KiB
Markdown
41 lines
1.9 KiB
Markdown
# 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.
|
|
|
|
|
|
## Changes under consideration
|
|
1. Optionally scrape project-level artifacts instead of chat-level artifacts
|
|
2. 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.
|