Skills
.Work. You
Rest

liveview-js

Community

Make pure UI state effortless with LiveView.JS.

Software Engineering#frontend#javascript#ux#phoenix#interactivity#liveview#ui-state
Authorjohngrandson
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Help developers implement interactive UI behavior in LiveView apps without unnecessary server round-trips, improving responsiveness and user experience.

Core Features & Use Cases

  • Pure UI state management for expand/collapse, show/hide, tab switching, and dropdowns within Phoenix LiveView components.
  • Replace server-only toggles with client-side Phoenix.LiveView.JS helpers to reduce latency and server load.
  • Suitable for maintaining UI responsiveness in dynamic interfaces while keeping data access on the server where needed.

Quick Start

Import Phoenix.LiveView.JS helpers in templates and replace phx-click handlers that affect only UI state with JavaScript-based interactions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: liveview-js
Download link: https://github.com/johngrandson/orkestry/archive/main.zip#liveview-js

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.