
Livewire Development
Handles Livewire 4 component development with awareness of the shift to single-file components by default and the new islands and async action patterns. Knows about wire directives, the View Transitions API changes, and the updated JavaScript hooks like interceptMessage. Good for when you're building reactive Laravel UIs and need someone who gets that wire:model isn't real-time by default anymore and wire:scroll got renamed. It'll remind you about wire:key in loops and knows the difference between single-file, multi-file, and class-based component formats. Treats Livewire components like mini HTTP endpoints, which is the right mental model for validation and authorization.
- skills.sh installs
- 608
- GitHub stars
- 647
- last updated
- Aug 21, 2026
Install
$ npx -y skills add spatie/freek.dev --skill livewire-development --agent claude-codeInstalls into .claude/skills of the current project.
Files
Livewire Development
When to Apply
Activate this skill when:
- Creating or modifying Livewire components
- Using wire: directives (model, click, loading, sort, intersect)
- Implementing islands or async actions
- Writing Livewire component tests
Documentation
Use search-docs for detailed Livewire 4 patterns and documentation.
Basic Usage
Creating Components
Single-file component (default in v4)
{{ $assist->artisanCommand('make:livewire create-post') }}
Multi-file component
{{ $assist->artisanCommand('make:livewire create-post --mfc') }}
Class-based component (v3 style)
{{ $assist->artisanCommand('make:livewire create-post --class') }}
With namespace
{{ $assist->artisanCommand('make:livewire Posts/CreatePost') }}
Converting Between Formats
Use php artisan livewire:convert create-post to convert between single-file, multi-file, and class-based formats.
Component Format Reference
Sponsors
Details
- Repository
- github.com/spatie/freek.dev
- Categories
- Frontend Development, Documentation, Debugging, PHP & Laravel
- First seen
- Jun 3, 2026