livewire-development
✓Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior; writing Livewire tests; or when the user mentions Livewire, component, counter, or reactive UI.
Installation
SKILL.md
Use php artisan livewire:convert create-post to convert between single-file, multi-file, and class-based formats.
| Single-file (SFC) | default | PHP + Blade in one file | | Multi-file (MFC) | --mfc | Separate PHP class, Blade, JS, tests | | Class-based | --class | Traditional v3 style class | | View-based | ⚡ prefix | Blade-only with functional state |
new class extends Component { public int $count = 0;
Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior; writing Livewire tests; or when the user mentions Livewire, component, counter, or reactive UI. Source: spatie/freek.dev.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/spatie/freek.dev --skill livewire-development- Source
- spatie/freek.dev
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-05
- Updated
- 2026-02-18
Quick answers
What is livewire-development?
Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior; writing Livewire tests; or when the user mentions Livewire, component, counter, or reactive UI. Source: spatie/freek.dev.
How do I install livewire-development?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/spatie/freek.dev --skill livewire-development Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/spatie/freek.dev
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-05