Does this skill support the latest Angular versions?

Yes, it is specifically designed for Angular 17 and beyond, focusing on modern primitives like Signals and the new control flow.

Will it convert my project to Standalone Components?

Yes, it can refactor existing NgModule-based structures into the modern standalone architecture to simplify your dependency tree.

Does it follow the official Angular Style Guide?

Yes, the skill is programmed to strictly adhere to the official Angular Style Guide and SOLID design principles.

Can it help resolve RxJS memory leaks?

Absolutely. The skill identifies nested subscriptions and ensures proper cleanup using DestroyRef, takeUntilDestroyed, or conversion to Signals.

Angular Refactor & Modernizer

Name: Angular Refactor & Modernizer
Author: SnakeO

bySnakeO

Developer Tools

Refactors Angular applications to modern standards including Signals, standalone components, and optimized RxJS patterns.

About

This skill transforms legacy or unoptimized Angular code into high-performance, maintainable applications following the official Angular Style Guide and modern best practices (Angular 17+). It specializes in migrating component-level state to Signals, converting modules to standalone components, implementing the latest template control flow syntax, and streamlining dependency injection with the inject() function. By applying SOLID principles and OnPush change detection, it helps developers eliminate technical debt, improve application responsiveness, and ensure long-term code health.

Key Features

Implements OnPush change detection and the inject() function for better performance
0 GitHub stars
Migrates reactive state to Angular Signals and Signal-based inputs/outputs
Refactors complex RxJS logic into clean patterns using takeUntilDestroyed or toSignal
Optimizes templates with the latest Control Flow syntax (@if, @for, @switch)
Converts NgModule-based architectures to modern Standalone Components

Use Cases

Upgrading legacy Angular 12-16 projects to leverage the latest v17+ features
Automating the migration from traditional constructor injection to functional inject()
Decomposing large 'fat' components into small, single-responsibility units

About

Key Features

Implements OnPush change detection and the inject() function for better performance
0 GitHub stars
Migrates reactive state to Angular Signals and Signal-based inputs/outputs
Refactors complex RxJS logic into clean patterns using takeUntilDestroyed or toSignal
Optimizes templates with the latest Control Flow syntax (@if, @for, @switch)
Converts NgModule-based architectures to modern Standalone Components

Use Cases

Upgrading legacy Angular 12-16 projects to leverage the latest v17+ features
Automating the migration from traditional constructor injection to functional inject()
Decomposing large 'fat' components into small, single-responsibility units