angular-modernization

Community

Modernizes Angular code with CLI migrations.

Software Engineering #angular #modernization #signals #standalone-components #bitwarden-patterns #cli-migrations

AuthorTimshel

Version1.0.0

Installs0

System Documentation

What problem does it solve?

This Skill transforms legacy Angular components to modern architecture using a two-step approach:

Automated migrations - Angular CLI schematics for standalone, control flow, and signals
Bitwarden patterns - ADR compliance, OnPush change detection, proper visibility, thin components

Core Features & Use Cases

Automated migrations: Use Angular CLI migrations to convert legacy components to modern architecture.
Pattern adoption: Apply Bitwarden patterns like OnPush, visibility, and signals.
Use Case: When upgrading an old Angular app, use this Skill to migrate components and align with ADR-based architecture.

Quick Start

Run the Angular modernization workflow on a target directory:

Step 1: Run npx ng generate commands for your components with --path pointing to the target directory
Step 2: Apply Bitwarden patterns as guided in migration patterns

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: angular-modernization
Download link: https://github.com/Timshel/oidc_web_vault/archive/main.zip#angular-modernization

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

View Source Repository