·angular-best-practices-v20
</>

angular-best-practices-v20

develite98/angular-best-practices

Angular 20+ performance optimization guidelines with Signals, httpResource, signal inputs/outputs, @defer, and native control flow (@if, @for). Use when writing, reviewing, or refactoring modern Angular code. Triggers on tasks involving Angular components, services, data fetching, bundle optimization, or performance improvements.

108Installs·4Trend·@develite98

Installation

$npx skills add https://github.com/develite98/angular-best-practices --skill angular-best-practices-v20

SKILL.md

Comprehensive performance optimization guide for Angular 20+ applications with modern features like Signals, httpResource, signal inputs/outputs, @defer blocks, and native control flow syntax. Contains 35+ rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

| 1 | Change Detection | CRITICAL | change- | | 2 | Bundle & Lazy Loading | CRITICAL | bundle- | | 3 | RxJS Optimization | HIGH | rxjs- | | 4 | Template Performance | HIGH | template- | | 5 | Dependency Injection | MEDIUM-HIGH | di- | | 6 | HTTP & Caching | MEDIUM | http- | | 7 | Forms Optimization | MEDIUM | forms- |

| 8 | General Performance | LOW-MEDIUM | ssr- |

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/develite98/angular-best-practices --skill angular-best-practices-v20
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is angular-best-practices-v20?

Angular 20+ performance optimization guidelines with Signals, httpResource, signal inputs/outputs, @defer, and native control flow (@if, @for). Use when writing, reviewing, or refactoring modern Angular code. Triggers on tasks involving Angular components, services, data fetching, bundle optimization, or performance improvements. Source: develite98/angular-best-practices.

How do I install angular-best-practices-v20?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/develite98/angular-best-practices --skill angular-best-practices-v20 Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/develite98/angular-best-practices

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-01