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
Visual Prompting Framework Replaces Text Prompts with Single Image for Claude AI
The Carrying Capacity Principle v9 is a bidirectional structural framework that uses a single flowchart image instead of text prompts for Claude AI. It provides structural diagnosis or generative construction plans based on system parameters or goals.
Vibeyard: Open-Source Dashboard That Launches Claude Sessions from PRs, Issues, and Kanban Cards
Vibeyard is an open-source (MIT) home screen with draggable widgets for PRs, issues, kanban, and Claude sessions. Click any card to spawn a pre-scoped Claude Code session for review, fix planning, or resumption.
Developer Builds Scheme Compiler to WASM Using AI in 4 Days
A developer created Puppy Scheme, a Scheme compiler that targets WebAssembly, in about 4 days using AI assistance. The compiler supports 73% of R5RS and R7RS, uses WASM GC, and achieved compilation time improvements from 3½ minutes to 11 seconds overnight.
Governor: A Claude Code Plugin to Cut Token Waste via Output Compression, Context Slimming, and Tool Filtering
Governor is a Claude Code plugin that reduces token/context waste through compact professional output, memory file compression, tool-output filtering, and drift guardrails. Benchmarks show 55.5% output token savings vs control.