modern-livewire

Guide Laravel Livewire component design, modals, and behavior-focused tests.

1|Updated Feb 22, 2026
One-click install
npx skills add https://github.com/ohnotnow/agentic-stuff --skill modern-livewire
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: modern-livewire
Source: https://github.com/ohnotnow/agentic-stuff/tree/main/skills/modern-livewire
Command: npx skills add https://github.com/ohnotnow/agentic-stuff --skill modern-livewire

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a cohesive set of principles, patterns, and testing guidance to build and review Laravel Livewire components, ensuring consistency and quality across UI components.

Core Features & Use Cases

  • Guided component design: promotes framework-aligned patterns for modals, forms, and component state.
  • Testing strategies: emphasizes behaviour-focused tests and avoids brittle implementation tests.
  • Blade/UI guidance: offers patterns for modal usage, Flux integration, and accessible UI.

Quick Start

Audit your Livewire components against the patterns: use Flux-style modals, form objects for complex forms, and behaviour-focused tests.

Frequently Asked Questions about modern-livewire

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

FAQPage Schema
How do I manage Livewire component state and modals without creating brittle tests?

To manage Livewire component state and modals without brittle tests, apply behaviour-focused testing strategies that trust the framework. This approach prioritizes clear state management and maintainable tests over implementation-specific assertions.

What is the best way to structure Laravel Livewire forms and UI patterns?

The best way to structure Laravel Livewire forms and UI patterns is by using framework-aligned design principles. This includes using Flux-style modals, form objects for complex forms, and accessible Blade views to ensure consistent behavior.

How do I test Livewire modal behavior effectively in Laravel?

You test Livewire modal behavior effectively by writing behaviour-focused tests that validate actual user interactions. Avoid brittle implementation tests and instead trust the Livewire framework to handle internal component state changes.

Can I use Flux-based UI patterns with my existing Laravel Livewire components?

Yes, you can use Flux-based UI patterns with existing Laravel Livewire components. The guidance promotes framework-aligned patterns specifically for modal management and Blade views, ensuring consistent behavior across your UI components.

Why should I prioritize framework trust when designing Livewire components?

You should prioritize framework trust when designing Livewire components because it ensures consistent behavior and maintainable tests. Relying on principled design and framework-aligned patterns prevents brittle, implementation-specific code.