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

0•

Developer Tools

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

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

01Implements OnPush change detection and the inject() function for better performance

020 GitHub stars

03Migrates reactive state to Angular Signals and Signal-based inputs/outputs

04Refactors complex RxJS logic into clean patterns using takeUntilDestroyed or toSignal

05Optimizes templates with the latest Control Flow syntax (@if, @for, @switch)

06Converts NgModule-based architectures to modern Standalone Components

Use Cases

01Upgrading legacy Angular 12-16 projects to leverage the latest v17+ features

02Automating the migration from traditional constructor injection to functional inject()

03Decomposing large 'fat' components into small, single-responsibility units

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add snakeo/claude-debug-and-refactor-skills-plugin refactor-angular

For use in Claude.ai and ChatGPT

Download Skill