angular-best-practices

Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.

1.13x

Quality

81%

Does it follow best practices?

Impact

100%

1.13x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

28%

Shopping Cart Summary Component

Change detection and signals

Criteria

Without context

With context

OnPush strategy

100%

Standalone component

100%

Signal for cart items

100%

Signal for quantity

100%

computed() for total

100%

New @if syntax

100%

New @for syntax

100%

trackBy item.id not $index

100%

inject() for dependencies

100%

No methods in template

100%

Without context: $0.1761 · 1m 45s · 12 turns · 19 in / 3,030 out tokens

With context: $0.2575 · 2m 7s · 12 turns · 471 in / 3,026 out tokens

100%

SaaS Dashboard Bundle Refactor

Bundle optimization and lazy loading

Criteria

Without context

With context

Lazy admin route

100%

Lazy settings route

100%

No static component imports in app.routes.ts

100%

@defer for analytics chart

100%

@placeholder block present

100%

No barrel imports

100%

Dynamic chart.js import

100%

Lazy admin child routes

100%

No removed features

100%

Without context: $0.2741 · 3m 16s · 16 turns · 21 in / 3,322 out tokens

With context: $0.5470 · 5m 28s · 26 turns · 234 in / 5,502 out tokens

100%

Live Notifications Feed Component

Memory management and async subscriptions

Criteria

Without context

With context

No manual unsubscribe

100%

takeUntilDestroyed or toSignal

100%

No OnInit subscription

100%

computed() or pure pipe for filter

100%

No method call in template

100%

signal() for activeFilter

100%

New @for syntax

100%

trackBy unique id

100%

inject() for service

100%

OnPush strategy

100%

Without context: $0.2182 · 3m 26s · 14 turns · 21 in / 3,579 out tokens

With context: $0.4501 · 3m 36s · 20 turns · 23 in / 4,073 out tokens

Repository: boisenoise/skills-collections
Commit: 5c5ae21

Evaluated: 17 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Shopping Cart Summary Component SaaS Dashboard Bundle Refactor Live Notifications Feed Component

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.