pui

Implement Phoenix LiveView JavaScript hooks correctly. Use when adding or reviewing `phx-hook` behavior in HEEx, choosing between colocated hook scripts and external hooks in `assets/js`, wiring hook registration into `LiveSocket`, or enforcing hook safety rules like unique IDs and `phx-update=\"ignore\"` for DOM-managed nodes.

Implement UI using PUI components correctly in Phoenix LiveView apps and resolve API uncertainty by reading live module docs from the host project. Use when adding or editing PUI components, deciding attrs/slots/variants, or troubleshooting component usage.

Migrate a Phoenix app from generated UI patterns (core_components and daisyUI class usage) to PUI primitives, theme tokens, and layout shells. Use when replacing `CoreComponents` calls, cleaning daisyUI classes from HEEx templates, adopting `use PUI`, and moving dashboard shells to `PUI.Layout`.