Back to Plugins

Claude Preview

Preview and inspect web UIs that Claude builds — start, stop, click, fill forms, read console logs, capture screenshots, and monitor network requests, all inside Claude Code.

officialanthropicbrowserpreviewfrontendtesting

Installation

claude plugins add claude-preview@claude-plugins-official

Configuration

{
  "enabledPlugins": {
    "claude-preview@claude-plugins-official": true
  }
}

Commands

preview startStart the local preview server for your web app
preview screenshotCapture a screenshot of the current page
preview clickClick a selector in the preview
preview consoleStream console logs from the running preview
preview networkInspect network requests made by the page

How to install

  1. Open Claude Code in your terminal
  2. Run the installation command above
  3. The plugin will be enabled automatically
  4. Use the plugin's features in your Claude Code sessions