Chrome Extension Adds Live Preview to Claude Code Web
What This Is
A developer has created a Chrome extension that adds live preview functionality to Claude Code Web, enabling side-by-side viewing of deployments similar to what's available in Lovable and other platforms described as "vibecoding" sites.
Key Details
The extension is called Claude Code Preview and is available for Chrome. According to the source, it provides "a live preview of deployments side by side in CC Web." The developer shared two links: one to a website (https://100toolkit.com/claudepreview) and one to the Chrome Web Store listing (https://chromewebstore.google.com/detail/claude-code-preview/goklhjjdneoeikkoemcngfdnodkddgme).
This type of extension addresses a specific workflow gap for developers using Claude Code Web. Without this extension, users would need to manually deploy and check their code in separate browser tabs or windows. The side-by-side preview functionality allows for immediate visual feedback during development, which is particularly useful for web development where seeing changes in real time can accelerate iteration cycles.
The extension appears to be a third-party tool created by a community member (/u/Fit-Joke6094) rather than an official release from Anthropic. Developers should evaluate such extensions for security and compatibility before installation, as they interact directly with the Claude Code Web interface.
📖 Read the full source: r/ClaudeAI
👀 See Also
OpenClaw CoreBrain Plugin: Persistent Memory for AI Coding Agents
A new plugin called CoreBrain addresses OpenClaw's memory issues by storing information outside the context window in a knowledge graph and auto-injecting it before every query, eliminating the need for tool calls and optional memory invocation.
Claude Ops: Browser Dashboard for Claude Code Live Status and Subagent Tracking
A free, local macOS browser dashboard that tracks Claude Code session live status, current tool, spawned subagents, and sends OS push notifications when input is needed.
Throttle Meter: Open-Source Claude Code Usage Meter for macOS
Open-source macOS menu bar app that reads local Claude Code logs to show real-time 5-hour and weekly usage, with threshold notifications and token-saving hooks. Also has a €19 commercial sibling with Exact mode (reads claude.ai's internal API via Safari).
Nyx: Autonomous Testing Harness for AI Agents
Nyx is a blackbox testing harness that probes AI agents for failure modes like logic bugs, reasoning failures, and security vulnerabilities through multi-turn adaptive conversations. It tests in under 10 minutes what manual audits take hours to surface.