Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
77
72%
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%
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%
@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%
636b862
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.