Claude Artifacts Unlocker

Unlock the full potential of Claude artifacts!

This extension removes Content Security Policy (CSP), CORS, and Permissions Policy restrictions, unlocks iframe sandbox permissions, 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
✓ Access microphone for speech recognition and audio recording
✓ Access camera for video capture and photo
✓ Use geolocation for location-aware apps
✓ Keep screen awake (Wake Lock) for TTS readers and presentations
✓ Read and write clipboard programmatically
✓ Use fullscreen mode and autoplay audio/video
✓ 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
Full Permissions Policy unlock (microphone, camera, geolocation, clipboard, wake-lock, fullscreen, display-capture, autoplay, web-share)
Iframe sandbox unlock with automatic reload for permission propagation
Works on both in-chat artifacts and published/public artifacts
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
Voice-controlled apps and speech-to-text
Data visualization with external APIs
Text-to-speech and real-time features
Location-aware educational apps
Using your favorite JS frameworks in artifacts
Educational applications and demos
Apps that need URL parameters for configuration
Presentations and long-reading apps (screen wake lock)

HOW IT WORKS:

The extension modifies HTTP response headers for requests originating from claude.ai and claudeusercontent.com: adding permissive CORS headers, removing CSP restrictions, and removing the Permissions-Policy header that blocks browser APIs. It also unlocks iframe sandbox attributes and injects the "allow" attribute on nested iframes to propagate permissions (microphone, camera, etc.) through the full iframe chain. Iframes are automatically reloaded after permission changes to ensure Chrome applies them correctly. A message bridge enables communication between artifacts and the parent page.

PRIVACY & SECURITY:

No data collection
No external communications
No tracking
No credentials stored
Only affects Claude-related domains