refactor:angular

Community

Refactor Angular code for clean, modern apps.

AuthorSnakeO
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps transform tangled and aging Angular codebases into clean, maintainable, and high-performance architectures by applying modern patterns such as standalone components, signals, OnPush change detection, and proper RxJS usage.

Core Features & Use Cases

  • Convert large components into smaller, SRP-aligned units with clear responsibilities.
  • Replace fat templates and nested subscriptions with services, signals, and computed state.
  • Encourage standalone components, lazy loading, and OnPush strategies to improve performance and developer experience.

Quick Start

Run the refactor-angular tool on a target module or component, e.g., src/app/features/dashboard/dashboard.component.ts, to produce a standalone, OnPush-optimized version ready for integration.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: refactor:angular
Download link: https://github.com/SnakeO/claude-debug-and-refactor-skills-plugin/archive/main.zip#refactor-angular

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.