wireflow-development

What problem does it solve?

This Skill keeps Livewire applications from breaking when integrating WireFlow by codifying how to use the <x-flow> canvas, WithWireFlow trait, server event handlers, and configuration without creating Alpine conflicts or miswired scopes.

Core Features & Use Cases

• Component Guidance: Covers when to activate <x-flow> and related components, populate node slots, place handles, and respect the isolated Alpine scope of the canvas.
• Trait Methods & Events: Catalogs WithWireFlow convenience and base methods, server-to-client animations, event signatures, whiteboard annotations, and the use of #[Renderless] or skipRender when dispatching commands.
• Infrastructure Rules: Captures critical practices such as not importing Alpine, injecting tool settings via x-init, attaching custom listeners through $el.addEventListener, using fitViewOnInit, and configuring Reverb/TLS/message limits for collaboration.

Quick Start

Tell the assistant to scaffold a Livewire component that uses WithWireFlow, registers an <x-flow> canvas with proper event listeners, and configures theme plus tool settings.