Skills
.Work. You
Rest

ux-interaction-patterns

Community

Build intuitive user interfaces.

Design & Creative#ui#frontend#patterns#forms#interaction design#ux#modals
AuthorHolymir
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides standardized patterns and code examples for implementing common and effective user interface interactions, ensuring consistency and improving the user experience across applications.

Core Features & Use Cases

  • Form Handling: Comprehensive patterns for state management, validation, and submission.
  • Modals & Dialogs: Reusable structures for confirmation dialogs, form modals, and more.
  • Loading & Empty States: Visual feedback mechanisms for data loading and no-data scenarios.
  • Drag and Drop: Implementations for file uploads and reordering.
  • Notifications: A system for providing user feedback through toasts.
  • Use Case: When building a new feature that requires users to input data, consult these patterns for form validation, error display, and submission feedback to ensure a smooth user journey.

Quick Start

Use the ux-interaction-patterns skill to implement a form with client-side validation and a success notification.

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: ux-interaction-patterns
Download link: https://github.com/Holymir/liquid-arc/archive/main.zip#ux-interaction-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.