Claude Code Preview

✨ AI-Powered

👥 47 users

📦 v1.2.0

💾 18.26KiB

📅 2026-04-01

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Preview your web deployments directly inside Claude Code, no more switching tabs.

Claude Code Preview adds a Lovable-style split view to claude.ai/code: your chat stays on the left, and a live preview of your deployment appears on the right.

FEATURES:

• Inline URL bar - type your deployment URL directly in the panel toolbar and press Enter
• Works with any deployment - Netlify, Vercel, Cloudflare Pages, Railway, Render, or any public URL
• Drag-to-resize - adjust the split ratio by dragging the divider
• Device modes - preview in desktop, tablet (768px), or mobile (375px) widths
• Auto-refresh - automatically reload the preview at configurable intervals (5s, 10s, 30s, 60s)
• Keyboard shortcuts - Ctrl+Shift+P to toggle the panel, Ctrl+Shift+R to refresh
• Persistent state - your URL and panel preferences survive page reloads

HOW TO USE

1. Open any chat on claude.ai/code
2. The preview panel appears on the right side
3. Enter your deployment URL in the address bar at the top of the panel
4. After pushing new code, click refresh or enable auto-refresh to see the latest deploy