Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
82
Quality
79%
Does it follow best practices?
Impact
85%
2.65xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/antigravity-angular-ui-patterns/SKILL.mdLoading and error state priority
Loading condition
0%
100%
Error checked first
0%
100%
Error never swallowed
0%
0%
Error state retry
100%
100%
Skeleton loader used
0%
0%
@for with track
0%
100%
@empty block present
0%
100%
Separate empty state
100%
100%
inject() used
0%
100%
Angular control flow syntax
0%
100%
Without context: $0.1790 · 2m 36s · 12 turns · 19 in / 2,381 out tokens
With context: $0.3943 · 3m 6s · 20 turns · 279 in / 3,920 out tokens
Form submission state and button loading
Button disabled during submit
100%
100%
Button disabled when invalid
0%
100%
Spinner inside button
0%
0%
Button text changes
100%
100%
Signal for submit state
0%
100%
Finally block resets state
100%
100%
Error toast on failure
100%
100%
Success toast on completion
100%
100%
Inline field errors
100%
100%
inject() used
100%
100%
Without context: $0.1403 · 2m 7s · 10 turns · 17 in / 2,366 out tokens
With context: $0.3152 · 2m 48s · 16 turns · 274 in / 3,056 out tokens
@defer progressive loading with error handling
@defer used for deferred content
0%
100%
@defer viewport trigger
0%
100%
@placeholder block present
0%
100%
@loading block present
0%
100%
@loading minimum timing
0%
100%
@error block present
0%
100%
Spinner in @loading block
0%
37%
Error retry observed check
0%
0%
Critical content not deferred
100%
100%
Angular control flow syntax
0%
100%
Without context: $0.2257 · 2m 47s · 12 turns · 19 in / 3,819 out tokens
With context: $0.3447 · 3m 4s · 11 turns · 758 in / 5,971 out tokens
5c5ae21
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.