What it does

Provides step-by-step guidance to add Livewire v3 components into Sage/Acorn-based WordPress themes. Includes quick-start commands, component anatomy examples, and troubleshooting notes so developers can build interactive server-driven UI (search, forms, pagination, uploads) without writing custom JavaScript.

When to use it

Use this skill when you maintain a Sage/Acorn WordPress theme and need interactive components (contact forms, live search, reactive filters, file uploads) that rely on server-side rendering and Livewire's AJAX lifecycle. Ideal for teams using Lando and modern tooling (Tailwind, Vite).

What's included

Scripts: scripts/create-component.sh, scripts/check-versions.sh (has_scripts=true)
References: sage-integration.md, state-patterns.md, alpine-interop.md, file-uploads.md, common-errors.md (has_references=true)
Instructions: setup steps (install packages, publish config), how to generate components, component class and Blade view examples, wire:model variants, verification and failure modes, critical rules for Livewire integration.