Angular Ui Patterns

A comprehensive guide to handling the messy parts of Angular UI: loading states, errors, and empty screens. The golden rule is simple: only show loading indicators when you have no data, otherwise show what you've got. It walks through the decision trees for when to use skeletons versus spinners, how to surface errors without swallowing them silently, and why you should always disable buttons during async operations. The defer patterns for progressive loading are especially useful for keeping initial page loads fast. If you've ever shipped a form that users could accidentally submit twice, or shown a blank screen when you had partial data to display, this will fix those habits.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 8
skills.sh installs: 596
GitHub stars: 43.1K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill angular-ui-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular UI Patterns

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

When to Use

This skill is applicable to execute the workflow or actions described in the overview.

Limitations

Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

SKILL.md on GitHub