migrate-page

What problem does it solve?

This Skill automates the complex process of migrating Angular pages from older versions (like Angular 16) to newer versions (like Angular 20) while adhering to Domain-Driven Design (DDD) principles and a specific one-ui monorepo structure.

Core Features & Use Cases

• Automated Migration Analysis: Generates a detailed analysis document of the source page, covering file structure, components, form validation, API calls, and translation keys.
• DDD Structure Generation: Creates the necessary library structures within a one-ui monorepo using Nx plugins.
• Layer-by-Layer Migration Guidance: Provides step-by-step instructions for migrating the domain, UI, features, and shell layers.
• Syntax Modernization: Guides the application of modern Angular syntax and specific library patterns (e.g., OneValidators, CommonTableComponent).
• Use Case: A development team needs to upgrade a large Angular application to Angular 20. This Skill can be used to systematically migrate individual pages, ensuring consistency and adherence to the new architecture.

Quick Start

Use the migrate-page skill to migrate a page from /Users/jayden/f2e-networking-jayden/apps/mxsecurity-web/src/app/pages/account to libs/mxsecurity/account-page.