livewire-flux

Generate Livewire 4 components with Flux UI primitives for Laravel projects.

20|5|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/nasrulhazim/agent-skills --skill livewire-flux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: livewire-flux
Source: https://github.com/nasrulhazim/agent-skills/tree/main/skills/livewire-flux
Command: npx skills add https://github.com/nasrulhazim/agent-skills --skill livewire-flux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill automates the creation of production-ready Livewire 4 components styled with Flux UI primitives, eliminating manual scaffolding and ensuring consistency across projects.

Core Features & Use Cases

  • Scaffolds full-class and Volt Livewire components using Flux UI primitives for forms, tables, modals, and notifications.
  • Integrates with Spatie packages (Permission & Media Library) for role-gated UIs and file uploads.
  • Use cases include generating CRUD interfaces, forms with validation, data tables with sorting and pagination, and pattern guides for reactive UIs.

Quick Start

Ask the skill to scaffold a Livewire component or Flux UI pattern for your Laravel project.

Frequently Asked Questions about livewire-flux

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

FAQPage Schema
How do I scaffold Livewire 4 components with Flux UI primitives in Laravel?

To scaffold Livewire 4 components with Flux UI, this skill generates production-ready code for forms, data tables, modals, and file uploads. It applies Flux UI patterns across both full-class and Volt components in Laravel projects.

Can I integrate Spatie Media Library and Permission packages into Livewire Flux UI components?

Yes, you can integrate Spatie Media Library and Permission packages into Livewire Flux UI components. The scaffolding includes explicit references for Spatie integrations, enabling role-gated UIs and file upload functionality.

Does this scaffolding tool support both full-class and Volt component generation?

Yes, this scaffolding tool supports both full-class and Volt component generation. It plans and generates Livewire 4 components using Flux UI primitives, ensuring compatibility across different Laravel component architectures.

What is the best way to generate CRUD interfaces with Livewire 4 and Flux UI?

The best way to generate CRUD interfaces with Livewire 4 and Flux UI is using automated component scaffolding. This skill creates forms with validation, data tables with sorting and pagination, and pattern guides for reactive UIs.

Does Livewire Flux UI scaffolding include dark mode compatibility?

Yes, Livewire Flux UI scaffolding includes dark mode compatibility. The generated production-ready components ensure visual consistency and proper dark mode support across your Laravel project's interface.

Why manually build Livewire forms and tables when using Laravel Flux UI?

Manually building Livewire forms and tables introduces manual scaffolding overhead and inconsistency. This skill automates the creation of production-ready Livewire 4 components styled with Flux UI primitives, ensuring consistency across projects.