angular

Reviews Angular codebases for architecture, patterns, andRxJS usage.

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/yldgio/codereview-skills --skill angular-yldgio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular
Source: https://github.com/yldgio/codereview-skills/tree/main/skills/angular
Command: npx skills add https://github.com/yldgio/codereview-skills --skill angular-yldgio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers architect and review Angular applications by providing best practices for component design, module organization, and reactive programming with RxJS, reducing maintenance overhead and improving performance.

Core Features & Use Cases

  • Component architecture guidance: emits reusable patterns for components, input/output interfaces, and change detection strategies.
  • RxJS patterns: prescribes safe subscriptions, operators selection, and error handling to keep streams robust.
  • Module organization: recommends lazy loading and separation of concerns to optimize startup performance and testability.
  • Use Case: Teams implementing a large enterprise Angular app can use these guidelines to structure feature modules, shared modules, and singleton services for scalable architecture.

Quick Start

Enable Angular review mode by prompting the AI with: "Review this Angular feature module for architecture and performance."

Frequently Asked Questions about angular

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

FAQPage Schema
How do I review Angular architecture for performance and module boundaries?

To review Angular architecture, analyze component trees and feature boundaries to enforce OnPush change detection, lazy-loaded feature modules, and dependency injection best practices, reducing maintenance overhead and improving performance.

What are the best practices for RxJS patterns in enterprise Angular apps?

RxJS patterns in enterprise Angular apps require safe subscription management, proper operator selection, and robust error handling to keep reactive streams maintainable and prevent memory leaks across large component trees.

Can I use this to structure lazy-loaded feature modules for large Angular apps?

Yes, you can structure lazy-loaded feature modules for large Angular apps by enforcing separation of concerns, shared module organization, and singleton services to optimize startup performance and testability.

How do I optimize change detection in Angular components?

Optimize Angular change detection by applying the OnPush strategy, designing clean input and output interfaces, and ensuring components rely on immutable data to minimize unnecessary render cycles in large enterprise applications.

What is the best way to organize shared modules and singleton services in Angular?

Organize Angular shared modules and singleton services by separating concerns between feature boundaries, ensuring dependency injection best practices, and centralizing reusable components to achieve scalable architecture.

Why does my Angular app have high maintenance overhead and poor performance?

High maintenance overhead and poor performance in Angular apps often stem from poor module organization, improper RxJS subscriptions, and default change detection instead of OnPush, which increases unnecessary render cycles.