Skills
.Work. You
Rest

angular-ui-patterns

Community

Standardize Angular UI patterns for reliable UI.

Software Engineering#angular#forms#error-handling#ui-patterns#defer#loading-states#data-display
Authorkizzz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Angular UI patterns solve the problem of inconsistent user interfaces by providing robust guidance for loading states, error handling, content disclosure, and form interactions in component-driven apps.

Core Features & Use Cases

  • Loading State Patterns: Show loading indicators only when there is no data to display.
  • Error Handling: Surface all errors to users with clear recovery options.
  • Progressive Disclosure: Use @defer to progressively load non-critical content.
  • Data Display: Manage empty, loading, and error states across lists and dashboards.
  • Form Patterns: Include submission states and inline validation feedback.
  • Dialog/Modal Patterns: Support confirmation and action dialogs with proper lifecycle.

Quick Start

Create an Angular component that applies the loading, error, and data state patterns described above and test with sample data.

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: angular-ui-patterns
Download link: https://github.com/kizzz/eleon-client/archive/main.zip#angular-ui-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 471,000+ vetted skills library on demand.