skills.rest
lorrandavid
lorrandavidCOMMUNITY
Explore all skills by this author →
GitHub

angular-modernization

Migrate Angular components, directives, and templates to standalone architectures using CLI schematics.

Updated Feb 7, 2026
Search Tags:#architecture#migrations#angular#modernization#signals#standalone#onpush
One-click install
npx skills add https://github.com/lorrandavid/.dotfiles --skill angular-modernization-lorrandavid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-modernization
Source: https://github.com/lorrandavid/.dotfiles/tree/main/.config/.copilot/skills/angular-modernization
Command: npx skills add https://github.com/lorrandavid/.dotfiles --skill angular-modernization-lorrandavid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Legacy Angular codebases often suffer from outdated architectures and patterns. This Skill guides automated migrations and Bitwarden-aligned practices to bring projects to modern standards.

Core Features & Use Cases

  • Automated migrations: Use Angular CLI schematics for standalone components, control flow syntax, and signals to update code safely.
  • Bitwarden patterns: Enforce OnPush change detection, proper visibility modifiers, and refactor local state to signals, while keeping services as observables.
  • Validation & guidance: Follow ADR references and migration-patterns to ensure architecture consistency across modules.

Quick Start

Execute the recommended Angular CLI migrations on your target directory using npx ng generate commands in the specified order, then apply Bitwarden patterns to complete modernization.

Frequently Asked Questions about angular-modernization

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

FAQPage Schema
How do I migrate Angular components to standalone architecture?▼

Migrate Angular components to standalone architecture by running Angular CLI schematics using `npx ng generate` commands in the target directory, which safely updates modules and templates to modern standards.

What is the best way to refactor local state to signals in Angular?▼

Refactor local state to Angular signals by applying signal-based patterns alongside Bitwarden architecture references, ensuring components use OnPush change detection while keeping services as observables.

Does Angular modernization require running CLI migrations in a specific order?▼

Angular modernization requires running CLI migrations in a specified order to safely transition components and directives, followed by applying Bitwarden patterns to complete the architectural update.

Can I use Angular schematics for control flow syntax migration?▼

Yes, you can use Angular schematics to automate control flow syntax migration by executing `npx ng` commands, which transitions legacy templates to current standalone and signal-based best practices.

How do I validate an Angular codebase after applying standalone migrations?▼

Validate an Angular codebase after standalone migrations by running tests and lint checks, ensuring the automated CLI schematics and applied OnPush change detection patterns maintain architecture consistency.

When do I need to enforce OnPush change detection during an Angular migration?▼

Enforce OnPush change detection during an Angular migration when applying Bitwarden architecture patterns, ensuring proper visibility modifiers and signal-based local state for optimized component performance.

Related Skills

Explore More Software Engineering Skills→
shaprisshapris

angular-tooling

Run Angular CLI commands for project setup, scaffolding, builds, and tests.

Community
Advanced
svssdevasvssdeva
1

Angular Testing

Configure Angular v20+ unit tests with Vitest or Jasmine for signal-based components.

Community
Advanced
Manu343726Manu343726

angular-signals

Implement Angular reactive state with signal(), computed(), linkedSignal(), and effect().

Community
Intermediate
bitwardenbitwarden
13.6k

angular-modernization

Modernize legacy Angular components to standalone architecture with CLI migrations.

Official
Advanced