liveview-feature

スター4

フォーク0

更新日2026年1月24日 21:37

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

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

ソース

gshaw

gshaw/sarduty

ダウンロード

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

Create a LiveView under lib/web/live and pick the correct layout macro:
- use Web, :live_view_app_layout (authenticated app pages)
- use Web, :live_view_narrow_layout (narrow forms/settings)
- use Web, :live_view_marketing_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 live_session and scope, using on_mount from Web.UserAuth.
Use ~p for routes and <.link navigate> / <.link patch> with push_navigate / push_patch.
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.

このリポジトリの他の Skills

同じリポジトリ

Query or modify production database records on Fly.io using SSH console and Ecto.

Add or change database-backed models using Ecto + SQLite conventions in this codebase.

Add or extend external service adapters using Req, consistent error handling, and config.

Build and compose reusable UI components in Phoenix HEEx with Tailwind CSS.

Build filterable/paginated list pages using embedded ViewModels and Scrivener.

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

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

Create a LiveView under lib/web/live and pick the correct layout macro:
- use Web, :live_view_app_layout (authenticated app pages)
- use Web, :live_view_narrow_layout (narrow forms/settings)
- use Web, :live_view_marketing_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 live_session and scope, using on_mount from Web.UserAuth.
Use ~p for routes and <.link navigate> / <.link patch> with push_navigate / push_patch.
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.