Claude Artifact Download Button

WHAT IT DOES

Claude Artifact Download Button automatically detects code artifacts, file outputs, and code blocks in your Claude conversations and adds a download button to each one. Click the button to download the artifact content as a file with proper file extension detection — the tool intelligently detects the file type (JSON, XML, HTML, JavaScript, Python, YAML, Markdown, and more) and names the file accordingly. This makes it easy to save code snippets, configuration files, and other outputs from Claude directly to your computer without copy-pasting.

WHERE IT RUNS

This extension works exclusively on Claude at claude.ai. It functions on conversation pages where artifacts, code blocks, and file outputs are displayed. The tool works across all Claude conversation types and adapts to the dynamic chat interface.

HOW TO USE

Install the extension and open any Claude conversation with code artifacts or file outputs. A "⬇ Download" button appears on each artifact. Click the button to download the content as a file — the filename is automatically generated based on the artifact title and content type. Use the overlay panel to customize the experience: toggle the download button visibility on or off, choose the button position (Top-right of artifact or Inline above artifact), and click "Refresh Artifacts" to manually re-scan the page after new content loads. The status area shows how many artifacts are currently detected.

TECHNICAL SECTION — ARTIFACT DETECTION AND FILE TYPE DETECTION

The extension uses a multi-strategy detection engine to find artifacts and code blocks on Claude pages. It queries common artifact selectors including .artifact, .code-artifact, .file-artifact, and pattern-matching class names. For each detected artifact, the tool extracts the content and analyzes it to detect the file type based on content patterns and structure. Supported file types include JSON, XML, HTML, JavaScript, Python, YAML, Markdown, and plain text. The filename is generated using the artifact title (if available) or a default name, combined with the appropriate file extension. The download button is inserted using DOM manipulation with inline CSS, and the download is triggered using a Blob URL.

THE PANEL — DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The overlay panel is fully interactive and designed for seamless multitasking. Drag it anywhere on the screen using the handle at the top of the panel; the position is saved per site so it stays where you left it across sessions. The panel includes a snap-to-edge feature that gently anchors the overlay to the nearest screen edge when released. Click the collapse button to minimize the panel to a compact pill showing the current artifact status; expand it again with a single click. Resize the panel vertically by dragging the bottom-right corner to view more controls. Press the Escape key at any time to instantly close the overlay; it reappears on the next page navigation or refresh.

PLEASE NOTE

This extension requires the free BotGentz companion extension to function, as it provides the underlying content script injection and cross-origin communication framework. No personal data, browsing history, or conversation content is stored, transmitted, or shared. All artifact processing and download generation occurs entirely locally in your browser; no information is sent to any external server. Settings are stored locally in your browser using GM_setValue and are never sent to any external server. The extension does not access or store login credentials, financial data, or personally identifiable information. The tool reads artifact content visible on the page and does not access Claude's API or any private data. Claude may update its page structure; the extension includes multiple detection strategies to maintain compatibility, but major redesigns may temporarily affect artifact detection. Downloaded files are saved with the .txt extension for unknown file types.