phoenix-liveview-essentials
Installation
SKILL.md
Phoenix LiveView Essentials
RULES — Follow these with no exceptions
- Always add @impl true before every callback (mount, handle_event, handle_info, render)
- Initialize assigns before they're accessed in render/1 — use mount/3 for static defaults, handle_params/3 for URL-dependent assigns (pagination, filters, sorting)
- Check connected?(socket) before PubSub subscriptions, timers, or side effects
- Use Map.get(assigns, :key, default) for optional assigns in helper functions
- Return proper tuples —
{:ok, socket}from mount,{:noreply, socket}from handle_event - Use
withfor error handling in event handlers — assign errors to socket, don't crash - Never use auto_upload: true with form submission — use manual uploads instead
- Check
core_components.exfor existing components before creating custom ones - Never query the database directly from LiveViews — call context functions instead
Critical Concept: Two-Phase Rendering
LiveView renders happen in TWO phases:
Related skills
More from j-morgan6/elixir-phoenix-guide
oban-essentials
MANDATORY for ALL Oban work. Invoke before writing workers or enqueuing jobs.
1phoenix-json-api
MANDATORY for ALL JSON API work. Invoke before writing API controllers, pipelines, or JSON responses.
1ecto-essentials
MANDATORY for ALL database work. Invoke before modifying schemas, queries, or migrations.
1otp-essentials
MANDATORY for ALL OTP work. Invoke before writing GenServer, Supervisor, Task, or Agent modules.
1code-quality
Automated code quality detection — duplication, complexity, unused functions. Invoke when analyzing or refactoring Elixir code.
1phoenix-uploads
MANDATORY for file upload features. Invoke before implementing upload or file serving functionality.
1