Can I use this for real-time applications?

Yes, the skill includes patterns for Laravel Reverb and WebSockets to enable live, real-time updates across your application.

Does this skill require me to write JavaScript?

No, the primary goal of this skill is to help you build interactive components using PHP and Blade, though it can integrate with Alpine.js if specific client-side logic is needed.

What is the difference between standard Livewire and Volt components?

Standard Livewire uses a separate Class and Blade view, while Volt allows you to define both logic and template in a single file for more concise development.

What version of Livewire does this skill support?

This skill is optimized for Livewire 3, including modern features like Volt single-file components and the latest attribute-based validation.

Laravel Livewire Expert

Name: Laravel Livewire Expert
Author: fusengine

byfusengine

0•

デザインツール

Develops reactive web components and interactive UIs for Laravel applications using Livewire 3, Volt, and Folio.

This skill enables Claude to architect and implement high-performance, reactive user interfaces within the Laravel ecosystem. It provides specialized implementation patterns for Livewire 3, including state management, lifecycle hooks, and the TALL stack. By leveraging modern tools like Volt for single-file components and Folio for file-based routing, it helps developers build complex frontend interactivity while remaining entirely within PHP, reducing the need for custom JavaScript glue code.

主な機能

01Configures file-based routing and automated layout discovery with Folio

02Integrates real-time form validation via Laravel Precognition

030 GitHub stars

04Scaffolds reactive Livewire 3 components with integrated validation and pagination

05Implements single-file component logic using Laravel Volt syntax

06Sets up WebSocket-driven real-time updates using Laravel Reverb

ユースケース

01Building dynamic, multi-step forms with real-time server-side validation

02Creating interactive data tables with instant searching, filtering, and pagination

03Developing real-time dashboards and notification systems without writing JavaScript

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fusengine/agents laravel-livewire

For use in Claude.ai and ChatGPT

Download Skill