"---
Reviews affected files and issues first, creates a scoped implementation plan, then executes changes in phases with tests between phases while avoiding unrelated code or behavior changes. Use when implementing features, fixing issues, or making multi-step code changes safely.
Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior; writing Livewire tests; or when the user mentions Livewire, component, counter, or reactive UI.
Creates structured, complete project outputs with any coding AI tool (Codex, Copilot, Cursor, Claude, or ChatGPT). Activates when writing prompts for AI tools, generating README/project guides, planning implementation tasks, or asking for complete documentation with architecture, roles, objectives, setup, testing, and FAQs.
Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior; writing Livewire tests; or when the user mentions Livewire, component, counter, or reactive UI.
Styles applications using Tailwind CSS v4 utilities. Activates when adding styles, restyling components, working with gradients, spacing, layout, flex, grid, responsive design, dark mode, colors, typography, or borders; or when the user mentions CSS, styling, classes, Tailwind, restyle, hero section, cards, buttons, or any visual/UI changes.