Livewire Development
- 342 installs
- 3.6k repo stars
- Updated August 4, 2026
- laravel/boost
livewire-development is a Laravel Boost vendor skill that teaches agents to build reactive Laravel UIs with Livewire 3 components, wire models, actions, events, and Alpine-powered interactions without a separate SPA fron
About
livewire-development is the Laravel Boost skill (SKILL.blade.php under .ai/livewire/3/skill/) that agents invoke for any Livewire task—new components, debugging reactivity, form validation, loading states, and Livewire 2→3 migrations. It stresses server-owned state, validation and authorization inside Livewire actions, and Livewire 3 changes such as deferred wire:model by default, wire:model.live for realtime updates, App\Livewire namespaces, and $this->dispatch() instead of emit. Alpine.js ships bundled with four plugins (persist, intersect, collapse, focus), so separate Alpine imports are unnecessary. The skill documents make:livewire scaffolding, wire:key in loops, wire:loading UX, lifecycle hooks, Livewire::test assertions, and livewire:init JavaScript hooks for 419 session expiry.
- Livewire components
- wire:model bindings
- Actions and events
- Alpine integration
- Server-driven UI
Livewire Development by the numbers
- 342 all-time installs (skills.sh)
- +21 installs in the week ending Aug 2, 2026 (Skillselion tracking)
- Ranked #29 of 65 PHP & Laravel skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/laravel/boost --skill livewire-developmentAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 342 |
|---|---|
| repo stars | ★ 3.6k |
| Last updated | August 4, 2026 |
| Repository | laravel/boost ↗ |
How do you build reactive Laravel UIs with Livewire?
Build reactive Laravel UIs with Livewire components, wire models, actions, events, and Alpine-powered interactions without a separate SPA frontend.
Who is it for?
Laravel developers adding server-driven reactive UI with Livewire 3, Alpine, and PHPUnit component tests.
Skip if: Skip livewire-development for React, Vue, Inertia-only, or plain Blade forms without Livewire reactivity.
When should I use this skill?
User mentions Livewire, wire:model, wire:click, component reactivity, or migrating from Livewire 2 to 3.
What you get
Livewire components, Blade views with wire directives, PHPUnit/Livewire tests, and Livewire 3 migration notes.
- Livewire component classes
- Blade templates
- component tests
By the numbers
- Documents Livewire 3 with Alpine plugins: persist, intersect, collapse, focus
- Vendor skill path: .ai/livewire/3/skill/livewire-development/SKILL.blade.php
- Covers Livewire 2→3 migration deltas for wire:model, namespace, and dispatch
Files
Livewire Development (Vendor Override)
This skill was discovered from a vendor package and should override the built-in .ai/ version.
Related skills
Laravel SpecialistGenerate correct, idiomatic Laravel Eloquent models, relationships, accessors, and query patterns using an agent.19.4k10.9kPhp ProGenerate production-grade async PHP patterns using Swoole for high-performance HTTP servers and concurrent operations.12.9k10.9k
Laravel TddFollow strict red-green-refactor cycles while building Laravel features with PHPUnit or Pest at 80%+ coverage.5.8k237k
Wp Plugin DevelopmentGet an agent that knows WordPress plugin architecture, hooks, security rules, and packaging workflows.4.9k2kLaravel VerificationRun a complete verification loop on Laravel projects before opening PRs or deploying.4.7k237kWordpress RouterInstantly classify any WordPress codebase and hand off to the correct specialized workflow.3.3k2kHow it compares
Use livewire-development for server-driven Laravel UI; choose Inertia or API+SPA skills when the frontend is a separate JavaScript framework.
FAQ
What changed for wire:model in Livewire 3?
livewire-development notes that Livewire 3 defers wire:model updates by default. Developers who need realtime two-way binding must use wire:model.live; expecting Livewire 2 instant sync without .live causes stale UI bugs.
Should Alpine.js be installed separately with Livewire 3?
livewire-development states Alpine ships bundled with Livewire 3, including persist, intersect, collapse, and focus plugins. Adding a separate Alpine.js script duplicates libraries and can break Livewire-managed DOM updates.
How does livewire-development recommend testing components?
livewire-development shows Livewire::test(Component::class) chains for assertSet, call, assertSee, and assertStatus, plus $this->get()->assertSeeLivewire(Component::class) for page-level component presence checks in PHPUnit.