skills.rest
grojeda
grojedaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

angular-best-practices

Review and refactor Angular applications for performance and maintainability.

25|4|Updated May 4, 2026
Search Tags:#templates#best practices#angular#signals#change detection#rxjs#lazy routing
One-click install
npx skills add https://github.com/grojeda/opencode-config --skill angular-best-practices-grojeda
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-best-practices
Source: https://github.com/grojeda/opencode-config/tree/main/skills/angular-best-practices
Command: npx skills add https://github.com/grojeda/opencode-config --skill angular-best-practices-grojeda

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Developers and AI agents face challenges in designing and maintaining high-quality Angular applications. This Skill provides clear, structured guidance to ensure best practices in code structure, performance, and maintainability.

Core Features & Use Cases

  • Best Practice Guidelines: Offers detailed rules for change detection, templates, RxJS handling, routing, and forms.
  • Automated Review: Facilitates code review and refactoring for Angular projects by highlighting issues and suggesting improvements.
  • Scenario Example: When refactoring an Angular component, use this Skill to verify if it employs OnPush change detection with signals, enhances template performance, and leverages lazy loading.

Quick Start

When reviewing Angular code, consult this Skill to identify issues with state management, template efficiency, reactive streams, and routing strategies.

Frequently Asked Questions about angular-best-practices

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for Angular change detection and signals?▼

You should use this Skill when refactoring an Angular component to verify if it employs OnPush change detection with signals, enhances template performance, and leverages lazy loading scenarios for scalable applications.

How do I refactor an Angular component for better performance?▼

You should use this Skill when refactoring an Angular component to verify if it employs OnPush change detection with signals, enhances template performance, and leverages lazy loading scenarios for scalable applications.

How do I implement lazy routing in Angular?▼

Implement lazy routing in Angular by following structured guidance that ensures scalable codebases through best practices for routing scenarios and modern API usage to load modules efficiently.

Does this Angular best practices guide cover RxJS data flows?▼

Yes, this Angular best practices guide covers RxJS data flows by offering detailed rules for handling reactive streams to ensure maintainable and efficient component state management.

What's the best way to review Angular template efficiency?▼

The best way to review Angular template efficiency is to consult structured guidelines that highlight issues with state management, template rendering performance, and reactive data flows for improvement.

Related Skills

Explore More Software Engineering Skills→
aaronlordaaronlord
1

update-docs

Audit static context files and update project documentation using git and grep.

Community
Advanced
PriyanshKuniyalPriyanshKuniyal

angular-migration

Guide AngularJS to Angular migration with hybrid app setup and component conversion.

Community
Advanced
pluginagentmarketplacepluginagentmarketplace
5

rxjs-implementation

Implement RxJS observables and operators for Angular reactive data pipelines.

Community
Intermediate
5unnykum4r5unnykum4r
10

Self Analyzer

Analyze the grip codebase for performance, architecture, security, and quality issues.

Community
Advanced