Claude Artifacts Unlocker

Unlock Claude artifacts to load external libraries, make API calls, detect extension status, and read parent URL parameters.

Unlock the full potential of Claude artifacts! This extension removes Content Security Policy (CSP) and CORS restrictions, and adds powerful inter-frame communication features, allowing Claude artifacts to: ✓ Load external JavaScript libraries (React, Three.js, D3, Chart.js, etc.) ✓ Make API calls to any external service ✓ Connect to WebSocket endpoints (Edge TTS, real-time APIs) ✓ Load external CSS frameworks (Tailwind, Bootstrap) ✓ Fetch images and media from any domain ✓ Detect if the extension is active from within artifacts ✓ Read parent page URL parameters from artifacts FEATURES: Simple ON/OFF toggle Hide artifact console panel (removes the sticky log panel at the bottom) Built-in Developer Guide with Bridge API documentation Works only on requests from Claude domains Lightweight and fast Manifest V3 compliant BRIDGE API FOR DEVELOPERS: Artifacts can communicate with the extension via postMessage: CAU_PING: detect if extension is active and get version info URL_PARAMS: read the parent page URL and query parameters Fetch Proxy: make HTTP requests bypassing CORS restrictions Full documentation available in the built-in Developer Guide. PERFECT FOR: Developers building advanced artifacts Data visualization with external APIs Text-to-speech and real-time features Using your favorite JS frameworks in artifacts Educational applications and demos Apps that need URL parameters for configuration HOW IT WORKS: The extension modifies HTTP response headers for requests originating from claude.ai and claudeusercontent.com, adding permissive CORS headers and removing CSP restrictions. It also provides a message bridge between artifacts and the parent page. PRIVACY & SECURITY: No data collection No external communications No tracking No credentials stored Only affects Claude-related domains