laravel-livewire

Create reactive PHP and Blade user interfaces with Livewire.

1|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/Jorge-Ivan/uam-hogar-nazareth-web --skill laravel-livewire-jorge-ivan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: laravel-livewire
Source: https://github.com/Jorge-Ivan/uam-hogar-nazareth-web/tree/main/.claude/skills/laravel-livewire
Command: npx skills add https://github.com/Jorge-Ivan/uam-hogar-nazareth-web --skill laravel-livewire-jorge-ivan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the development of dynamic, interactive web interfaces by allowing developers to build reactive UIs using primarily PHP and Blade, minimizing the need for extensive JavaScript.

Core Features & Use Cases

  • Reactive Components: Create self-contained PHP classes with Blade views that update automatically based on user interaction.
  • Data Binding: Effortlessly sync form inputs with component properties using wire:model.
  • Event Handling: Trigger server-side actions from the frontend with wire:click and manage component communication.
  • Use Case: Develop a real-time search filter for a user list where typing in an input field instantly updates the displayed results without a full page reload.

Quick Start

Use the laravel-livewire skill to create a new counter component.

Frequently Asked Questions about laravel-livewire

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build reactive UIs with PHP without writing extensive JavaScript?

You can build reactive UIs with PHP by using Livewire to create self-contained PHP classes and Blade components. This approach handles client-server communication via AJAX, enabling dynamic interfaces with minimal JavaScript.

How does two-way data binding work in Laravel Livewire?

Two-way data binding in Laravel Livewire works by using the wire:model directive on form inputs. This syncs the input values directly with component properties on the server, updating the UI automatically as data changes.

Can I handle server-side actions from the frontend using PHP and Blade components?

Yes, you can handle server-side actions from the frontend using the wire:click directive within Blade components. This triggers PHP methods on the server to process events and manage component communication without a full page reload.

Does Laravel Livewire support single-file components and file-based routing?

Yes, Laravel Livewire supports advanced patterns like single-file components through Volt and file-based routing through Folio. These features streamline server-driven UI development within the Laravel framework.

What is the best way to create a real-time search filter in Laravel?

The best way to create a real-time search filter is using Livewire's reactive components. By binding a search input with wire:model, the displayed results update instantly via AJAX as the user types, avoiding full page reloads.

Do I need a separate JavaScript framework to manage component lifecycle hooks?

No, you do not need a separate JavaScript framework. Livewire provides component lifecycle hooks natively within PHP classes, allowing you to manage state and execution points directly on the server during UI interactions.