What problem does it solve? Livewire projects vary widely in syntax and conventions — Livewire 4 single-file class components, Livewire 3 with Volt, and differing UI library choices — so generated component code often mismatches the existing project style. This Skill ensures Livewire work follows the correct conventions for each project before any code is written. ## Core Features & Use Cases - Version Detection: Checks composer.json to distinguish Livewire 4 single-file class components from Livewire 3 with Volt, and asks rather than assumes when the version is ambiguous. - UI Library Guidance: Prefers free Flux UI components where suitable, and uses Alpine.js for client-only interactivity that doesn't need a server roundtrip. - Optimistic Updates: Applies optimistic UI patterns for toggles, likes, and simple state flips while avoiding them for validation-dependent results. - Use Case: When asked to build a new Livewire component in an existing Laravel project, the Skill first inspects composer.json, matches the project's Livewire 3/Volt or Livewire 4 syntax, and uses Flux components and Alpine.js appropriately. ## Quick Start Create a new Livewire component for this Laravel project following the project's existing Livewire version and conventions.
