How does this skill handle Bitwarden-specific patterns?

Beyond standard CLI migrations, it applies Bitwarden-specific Architectural Decision Records (ADRs), such as converting enums to const objects and enforcing protected/private visibility modifiers.

Does it automatically run tests after migration?

Yes, the workflow includes a validation step that runs 'npm run lint:fix' and 'npm run test' to ensure that the automated changes haven't introduced regressions.

Can I use this for manual refactoring instead of CLI migrations?

The skill prioritizes CLI migrations for accuracy but provides manual patterns for edge cases not covered by standard Angular schematics.

Which Angular versions does this skill support?

The skill utilizes the latest Angular CLI schematics designed for modern versions of Angular, specifically focusing on features introduced in version 14 through 18+.

Does it convert Service-level observables to signals?

No, per specific architectural guidelines, it maintains Observables in services and uses toSignal() for component-local state integration.

Angular Modernization

Name: Angular Modernization
Author: bitwarden

bybitwarden

•

11,747

Herramientas para Desarrolladores

Automates the transformation of legacy Angular components into modern architectures using official CLI migrations and Bitwarden-specific coding patterns.

Acerca de

This skill streamlines the transition from legacy Angular codebases to modern standards by combining official Angular CLI schematics with enterprise-grade architectural decisions. It automates the migration to standalone components, signal-based state, and the inject function while enforcing specific patterns like OnPush change detection and strict visibility modifiers. By handling both the heavy lifting of framework updates and the nuances of organizational style guides, it ensures code consistency and performance across large-scale Angular applications.

Características Principales

Refactoring of dependency injection to use the modern inject() function
11,747 GitHub stars
Automated migration to Standalone architecture and new control flow syntax
Enforcement of OnPush change detection and specific visibility modifiers
Conversion of component state to Angular Signals (inputs, outputs, and queries)
Integrated validation through automated linting and unit test execution

Casos de Uso

Upgrading legacy NgModule-based applications to modern Standalone architecture
Refactoring component-level state management to leverage Angular Signals
Standardizing architecture across large monorepos following Bitwarden ADRs

Acerca de

Características Principales

Refactoring of dependency injection to use the modern inject() function
11,747 GitHub stars
Automated migration to Standalone architecture and new control flow syntax
Enforcement of OnPush change detection and specific visibility modifiers
Conversion of component state to Angular Signals (inputs, outputs, and queries)
Integrated validation through automated linting and unit test execution

Casos de Uso

Upgrading legacy NgModule-based applications to modern Standalone architecture
Refactoring component-level state management to leverage Angular Signals
Standardizing architecture across large monorepos following Bitwarden ADRs