skills.rest
Timshel
TimshelCOMMUNITY
Explore all skills by this author →
GitHub

angular-modernization

Migrate legacy Angular components using CLI schematics and Bitwarden patterns.

3|4|Updated Sep 11, 2024
Search Tags:#angular#modernization#signals#standalone-components#bitwarden-patterns#cli-migrations
One-click install
npx skills add https://github.com/Timshel/oidc_web_vault --skill angular-modernization-timshel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-modernization
Source: https://github.com/Timshel/oidc_web_vault/tree/main/.claude/skills/angular-modernization
Command: npx skills add https://github.com/Timshel/oidc_web_vault --skill angular-modernization-timshel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

  1. Automated migrations - Angular CLI schematics for standalone, control flow, and signals
  2. 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