SkillsAdd

smithery/gshaw

LiveView Feature

Add a new LiveView UI feature following the project's layout, routing, and testing patterns.

Installation

$ npx skills add smithery/gshaw --skill liveview-feature
View on skills.sh ↗ Website ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
azure-diagnostics Shared topics
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs
azure-validate Shared topics
microsoft/azure-skills

Pre-deployment validation for Azure readiness. Run deep checks on configuration, infrastructure…

567.7K installs
supabase-postgres-best-practices Shared topics
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs
phoenix-liveview Similar name
bobmatnyc/claude-mpm-skills

Phoenix Framework with LiveView on the BEAM

375 installs

Also in this package

Other skills from smithery/gshaw.

npx skills add smithery/gshaw
Data Model + Migration 0

Browse all from smithery/gshaw

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,149 B
  • docs SUMMARY.md 116 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

Scope

Use this skill when adding new pages, flows, or interactions in LiveView.

Checklist

  • Create a LiveView under lib/web/live and pick the correct layout macro:

- use Web, :liveviewapplayout (authenticated app pages) - use Web, :liveviewnarrowlayout (narrow forms/settings) - use Web, :liveviewmarketing_layout (public/marketing)

  • Keep render templates focused on page content; layout handles nav + flash (<.flash_group> stays in Web.Layouts).
  • Add routes in lib/web/router.ex under the proper livesession and scope, using onmount from Web.UserAuth.
  • Use ~p for routes and <.link navigate> / <.link patch> with pushnavigate / pushpatch.
  • Forms: build changesets or params, assign with to_form, use <.form id="..."> and <.input field={@form[:field]}>.
  • Lists: use LiveView streams with phx-update="stream" and @streams.
  • Add LiveView tests in test/sartask_web/live using Phoenix.LiveViewTest, targeting the element IDs you added.