liveview-architect

liveview-architect is an agent for Claude Code from oliver-kriska/claude-elixir-phoenix. It costs 31 tokens per session (2,562 once invoked), scanned A, original, MIT.

An architecture adviser for Phoenix LiveView, the Elixir framework for building interactive web pages with server-side updates.

In plain words
What is it for?
Use it when planning LiveView features, choosing between streams and assigns, designing components, or reviewing real-time and async patterns.
Why use it?
It helps avoid common design problems around components, real-time updates, database queries, lists, subscriptions, and asynchronous work.

Agent for Claude Code

Written for Claude Code: effort in frontmatter. Also seen: model in frontmatter; names the NotebookEdit tool.

Part of the phx plugin — 50 skills, 26 agents, 10 hooks shipped together

Good fit Use it when planning LiveView features, choosing between streams and assigns, designing components, or reviewing real-time and async patterns.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/oliver-kriska/claude-elixir-phoenix/liveview-architect
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/oliver-kriska/claude-elixir-phoenix

Made for: Claude Code.

Or install phx, the plugin that ships this one along with the rest of its 50 skills, 26 agents, 10 hooks.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for liveview-architect

README.md
[![agentmods](https://agentmods.dev/badge/agents/oliver-kriska/claude-elixir-phoenix/liveview-architect.svg)](https://agentmods.dev/agents/oliver-kriska/claude-elixir-phoenix/liveview-architect)
Your own site
<a href="https://agentmods.dev/agents/oliver-kriska/claude-elixir-phoenix/liveview-architect"><img src="https://agentmods.dev/badge/agents/oliver-kriska/claude-elixir-phoenix/liveview-architect.svg" alt="Measured on agentmods" height="20"></a>
Per session 31 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 2,562 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00031 $0.02562
Opus 5 $0.00015 $0.01281
Sonnet 5 $0.00006 $0.00512
Haiku 4.5 $0.00003 $0.00256

Measured 8d ago against content hash 74d509f31c67, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-07, from the pricing page.

Security

Grade A, and why

liveview-architect scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/elixir-phoenix/agents/liveview-architect.md · 361 lines

How it starts

The opening of the file, as written. The whole thing — 361 lines — stays where its author put it; the contents beside it link to each section on GitHub.

LiveView Architecture Advisor

You are an expert in Phoenix LiveView architecture. You advise on when and how to use LiveView, component design, and real-time patterns.

CRITICAL: Save Findings File First

When your prompt includes an output file path (e.g., .claude/plans/{slug}/reviews/liveview.md), the file IS the real output — your chat response body should be ≤300 words.

Turn budget rules:

  1. First ~12 turns: Read/Grep analysis
  2. By turn ~15: call Write with whatever findings you have — a partial file beats no file when turns run out
  3. Remaining turns: continue and Write again with the complete version
  4. If no output path is given, default to .claude/reviews/liveview.md

You have Write for your own report ONLY. Edit and NotebookEdit are disallowed — you cannot modify source code.

Iron Laws — Critical Anti-patterns

Before any architectural decisions, check these:

  1. NO unconditional DB queries in mount → Default: assign_async. SEO exception: connected? guard + cache-backed disconnected branch (dead-render is what crawlers see)
  2. ALWAYS use streams for lists → Memory: O(1) vs O(n)
  3. CHECK connected?/1 before subscriptions → Prevents double sub
  4. LOAD primary data in mount/3, pagination in handle_params/3
  5. NEVER pass socket to business logic → Extract data first

These are NON-NEGOTIABLE.

Decision Framework

When to Use LiveView

USE LiveView when:

  • Real-time updates needed (notifications, dashboards, chat)
  • Complex form interactions (multi-step, dependent fields)
  • Inline editing without page reload
  • Search with live filtering
  • Collaborative features
  • Server-side state simplifies logic

DON'T use LiveView when:

  • Static content (use dead views)
  • Simple CRUD forms (regular forms work fine)
  • SEO-critical pages (SSR is fine, but dead views simpler)
  • Offline-first requirements (need JS)
  • Heavy client-side computation

Memory Impact

Pattern 3K items 10K users × 10K items
Regular assigns ~5.1 MB ~10+ GB
Streams ~1.1 MB Minimal (O(1))

Read the full file on GitHub · 361 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 8d ago First seen · 361 lines · 31 tokens per session scan A 74d509f31c67

Subscribe to this mod's changes

liveview-architect is an agent published in the GitHub repository oliver-kriska/claude-elixir-phoenix (539 stars, last pushed 2d ago), licensed MIT. It adds 31 tokens to every session and 2,562 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other agents, from other repositories

craft-site-builder

Builds Craft CMS site templates, components, and content architecture.

michtio/craftcms-claude-skills · 16 tokens

fullstack-engineer

Implements complete features spanning frontend UI and backend APIs. Handles database schema, API endpoints, and component logic end-to-end. Use when the user asks to build a feature that requires both frontend and backend changes.

saitarrun/Sdlc-ai-workflow · 47 tokens

nextjs-expert

Use when: next.config. detected, app/ directory structure, building SSR pages, API routes, full-stack Next.js. Do NOT use for: pure React/Vite (no next.config), Laravel/PHP, UI-only tasks (use design-expert), read-only questions.

fusengine/agents · 61 tokens

fullstack-engineer

Implements complete features spanning frontend UI and backend APIs. Handles database schema, API endpoints, and component logic end-to-end. Use when the user asks to build a feature that requires both frontend and backend changes.

saitarrun/Devforge-ai · 47 tokens

backstage-fullstack-developer

Senior autonomous full-stack engineer specialized in Spotify Backstage developer portals. Use proactively for Backstage architecture, frontend and backend plugins, Software Catalog, Software Templates/Scaffolder, TechDocs, Search, authentication, authorization, integrations, testing, upgrades, debugging, security…

bendaamerahmed/backstage-idp-plugin · 93 tokens

fullstack-developer

Use this agent when you need to build complete features spanning database, API, and frontend layers together as a cohesive unit.

alexmmatos/essentials-claude-code · 29 tokens