develite98 avatar

Angular Best Practices V20

This is a comprehensive ruleset for Angular 20+ that covers the framework's modern reactive primitives: Signals, httpResource, signal inputs/outputs, @defer blocks, and the new native control flow syntax. It packages 35+ rules across 8 categories, explicitly prioritized by performance impact to guide both code generation and refactoring decisions. Use it when you're working with Angular's latest features and want consistent patterns around SSR with incremental hydration, reactive state management, and lazy loading. The security audits show mixed results (failing Gen Agent Trust Hub, passing Socket, warning on Snyk), so review the rules yourself before adopting wholesale. With 281 installs and 20 GitHub stars, it's an early but actively used resource for teams migrating to or starting with Angular 20.

skills.sh installs
335
GitHub stars
19
last updated
Aug 21, 2026

Install

$ npx -y skills add develite98/angular-best-practices --skill angular-best-practices-v20 --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular Best Practices (v20+)

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.

When to Apply

Reference these guidelines when:

  • Writing new Angular 20+ components
  • Using Signals for reactive state (signal, computed, linkedSignal, effect)
  • Using httpResource/resource for data fetching
  • Using signal inputs/outputs instead of decorators
  • Implementing @defer for lazy loading
  • Using native control flow (@if, @for, @switch)
  • Implementing SSR with incremental hydration
  • Reviewing code for performance issues

Key Features (v20+)

Sponsors

Details

Repository
github.com/develite98/angular-best-practices
Categories
Frontend Development, Documentation, Code Review & Quality, Debugging
First seen
Jun 3, 2026
1getsentry avatarsentry-svelte-sdkgetsentry/sentry-agent-skillsFull Sentry SDK setup for Svelte and SvelteKit. Use when asked to "add Sentry to Svelte", "add Sentry to SvelteKit", "install @sentry/sveltekit", or configure e319skills.sh installs
2sickn33 avatarvercel-react-best-practicessickn33/antigravity-awesome-skillsvercel react best practices287skills.sh installs
3alinaqi avatarui-webalinaqi/claude-bootstrapui web285skills.sh installs
4sickn33 avatarangular-migrationsickn33/antigravity-awesome-skillsangular migration284skills.sh installs
5gentleman-programming avatarreact-nativegentleman-programming/gentleman-skillsReact Native patterns for mobile app development with Expo and bare workflow. Trigger: When building mobile apps, working with React Native components, using Ex263skills.sh installs
6pluginagentmarketplace avatarangular-materialpluginagentmarketplace/custom-plugin-angularAngular Material UI components, theming, and accessible interface design262skills.sh installs