Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.
Install with Tessl CLI
npx tessl i github:sickn33/antigravity-awesome-skills --skill angular-best-practices83
Does it follow best practices?
If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:
npx tessl skill review --optimize ./path/to/skillValidation for skill structure
Change detection and signals
OnPush strategy
100%
100%
Standalone component
100%
100%
Signal for cart items
100%
100%
Signal for quantity
100%
100%
computed() for total
100%
100%
New @if syntax
0%
100%
New @for syntax
0%
100%
trackBy item.id not $index
0%
100%
inject() for dependencies
100%
100%
No methods in template
100%
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
Bundle optimization and lazy loading
Lazy admin route
100%
100%
Lazy settings route
100%
100%
No static component imports in app.routes.ts
100%
100%
@defer for analytics chart
100%
100%
@placeholder block present
100%
100%
No barrel imports
100%
100%
Dynamic chart.js import
100%
100%
Lazy admin child routes
100%
100%
No removed features
100%
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
Memory management and async subscriptions
No manual unsubscribe
100%
100%
takeUntilDestroyed or toSignal
100%
100%
No OnInit subscription
100%
100%
computed() or pure pipe for filter
100%
100%
No method call in template
100%
100%
signal() for activeFilter
100%
100%
New @for syntax
100%
100%
trackBy unique id
100%
100%
inject() for service
100%
100%
OnPush strategy
0%
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
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.