Livewire Snapshot Extractor

Livewire Snapshot Extractor gives Laravel developers instant visibility into the live state of every Livewire component on screen — formatted and ready to paste into Claude Code, Cursor, GitHub Copilot, or any AI coding assistant as structured screen context.

Supports Livewire v2, v3, and v4 out of the box.

The Problem

When asking an AI assistant to help debug or extend a Livewire page, you have to manually describe what components exist, what properties they hold, and how they are nested. This is tedious, error-prone, and gives the AI shallow context.

The Solution

One click extracts everything. The extension reads wire:snapshot and wire:id attributes directly from the DOM, reconstructs the full component tree, and formats the result as clean Markdown, JSON, or a compact one-liner — sized to fit comfortably in any AI context window.