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

•

Developer Tools

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

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.

Key Features

01Refactoring of dependency injection to use the modern inject() function

0211,747 GitHub stars

03Automated migration to Standalone architecture and new control flow syntax

04Enforcement of OnPush change detection and specific visibility modifiers

05Conversion of component state to Angular Signals (inputs, outputs, and queries)

06Integrated validation through automated linting and unit test execution

Use Cases

01Upgrading legacy NgModule-based applications to modern Standalone architecture

02Refactoring component-level state management to leverage Angular Signals

03Standardizing architecture across large monorepos following Bitwarden ADRs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bitwarden/clients angular-modernization

For use in Claude.ai and ChatGPT

Download Skill