Will my UI layouts and translations remain intact?

The migration process includes specific phases for analyzing and preserving exact translation keys and CSS layout patterns (like form row groupings) to ensure visual and functional consistency.

Which Angular versions are supported for migration?

This skill is specifically optimized for migrating codebases from Angular 16 to the latest Angular 20 standards.

Does it modernize the code syntax automatically?

Yes, it transforms legacy patterns into modern Angular 20 syntax, including the replacement of *ngIf/*ngFor with the new control flow and using Signals for state management.

How does the skill handle application architecture?

It follows strict Domain-Driven Design (DDD) principles, organizing code into Domain, UI, Features, and Shell libraries to ensure a clean, decoupled architecture.

Angular DDD Page Migrator

Name: Angular DDD Page Migrator
Author: Michael0520

byMichael0520

0•

Developer Tools

Automates the migration of legacy Angular 16 pages to Angular 20 using Domain-Driven Design (DDD) patterns.

The Angular DDD Page Migrator is a specialized tool designed to streamline the complex transition of frontend applications from Angular 16 to modern Angular 20 within a monorepo structure. It performs deep source analysis of components, API calls, and form structures, then systematically redistributes them across Domain, UI, Feature, and Shell layers. By enforcing strict DDD architecture and modernizing code with Angular Signals and the latest control flow syntax, it ensures that migrated pages are not only functional but also maintainable and performance-optimized according to enterprise standards.

Key Features

01Comprehensive source analysis of components, API dependencies, and form validations

02Strict preservation of legacy translation keys and form row layouts

03Automated generation of DDD-compliant libraries using Nx plugins

04Modernizes syntax to Angular 20 standards including Signals, inject(), and @if/@for

050 GitHub stars

06Step-by-step migration workflow covering Domain, UI, Feature, and Shell layers

Use Cases

01Refactoring monolithic Angular pages into modular DDD-compliant feature libraries

02Upgrading legacy enterprise dashboards from Angular 16 to Angular 20 monorepos

03Modernizing legacy RxJS and Decorator patterns with contemporary Angular Signal-based architecture

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michael0520/milo-claudekit migrate-page

For use in Claude.ai and ChatGPT

Download Skill