Skills
.Work. You
Rest

liveview-patterns

Community

Pattern-based LiveView UI and real-time tactics.

Software Engineering#performance#component#realtime#phoenix#liveview#ui-patterns#pubsub
Authorlayeddie
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Efficiently implement robust LiveView interfaces and real-time patterns, reducing boilerplate and improving user experience.

Core Features & Use Cases

  • Optimistic UI updates to keep interfaces responsive during server operations.
  • LiveView streams for large datasets without blocking rendering.
  • Component pattern for reusable UI pieces.
  • PubSub integration for live notifications and cross-component updates.
  • Real-time performance patterns like debounced events and chunked uploads.
  • State management strategies for both local assigns and simple global state.

Quick Start

Create a LiveView page with optimistic UI, streams, and PubSub-driven updates.

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-patterns
Download link: https://github.com/layeddie/ai-rules/archive/main.zip#liveview-patterns

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 223,000+ vetted skills library on demand.