liveview-forms

Community

Build robust LiveView forms with ease.

Authorwunki
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of correct, resilient forms in Phoenix LiveView, handling complex validation, error feedback, and recovery scenarios to prevent common pitfalls.

Core Features & Use Cases

  • Full Form Lifecycle Management: Covers mounting, validation, submission, and error handling.
  • Robust Error Feedback: Implements a two-layer system for clear error display using changeset actions and used_input?/1.
  • Reconnect Recovery: Ensures forms automatically recover state after network interruptions.
  • Advanced Features: Supports nested forms, file uploads, debouncing/throttling, and component forms.
  • Use Case: When building a user registration form in LiveView, use this Skill to ensure proper validation, display errors only for fields the user has touched, and automatically recover form data if the user's connection drops mid-entry.

Quick Start

Use the liveview-forms skill to build a form that validates user input on change and recovers data after a disconnect.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-forms
Download link: https://github.com/wunki/amplify/archive/main.zip#liveview-forms

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.