CtrlK
BlogDocsLog inGet started
Tessl Logo

angular-ui-patterns

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

2.65x

Quality

79%

Does it follow best practices?

Impact

85%

2.65x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/antigravity-angular-ui-patterns/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

78%

63%

Product Inventory List Component

Loading and error state priority

Criteria
Without context
With context

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

90%

18%

User Profile Settings Form

Form submission state and button loading

Criteria
Without context
With context

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

87%

77%

Blog Post Detail Page Component

@defer progressive loading with error handling

Criteria
Without context
With context

@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

Repository
boisenoise/skills-collections
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

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.