Media
2 items
Description
Live deployment preview panel for Claude Code — see your Netlify/Vercel site alongside your chat. 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