claude-import-livewire-components

Detect the installed Livewire version first, then choose syntax accordingly, since Livewire 2 and Livewire 3 differ in component structure and directives. This Skill reads the version-aware conventions and inspects existing components before generating code.

Review components against the project's established Livewire, Flux, and Alpine conventions, checking that syntax matches the installed version and that optimistic-update patterns are applied consistently with existing components.

Yes, the conventions explicitly cover Flux UI components and Alpine.js interactions alongside Livewire. Components are built or reviewed to integrate these libraries following the project's established patterns.

Livewire major versions change component syntax, directive names, and lifecycle hooks. Components written for an older version fail silently or throw errors, which is why version detection must happen before choosing syntax.

Optimistic updates modify the UI immediately before server confirmation, typically using Alpine.js state alongside Livewire requests. This Skill applies the project's specific optimistic-update conventions when building interactive components.