mxsecurity-page-migrator

What problem does it solve?

Migrating an entire Angular page from an older version (e.g., Angular 16) to a modern Angular 20 setup with DDD architecture and SignalStore is a complex, multi-step process. This Skill orchestrates the entire workflow, automating each phase.

Core Features & Use Cases

• Full Migration Workflow Orchestration: Guides through skeleton generation, legacy analysis, TDD implementation, and final validation, ensuring a smooth transition.
• Integrated Sub-Skills: Automatically activates legacy-behavior-analyzer, legacy-test-generator, signalstore-converter, config-extractor, and ddd-boundary-validator at appropriate stages.
• DDD & SignalStore Enforcement: Ensures the migrated page adheres to modern Angular 20 patterns, DDD principles, and uses @ngrx/signals for optimal architecture.
• Comprehensive Checklist: Provides a final checklist to ensure all migration steps are completed, including test coverage, linting, and boundary validation.
• Use Case: You need to migrate the "login page" from an Angular 16 application to Angular 20. Say "migrate login page". This Skill will take over, generating the new project structure, analyzing the old code, guiding test-driven development, converting state to SignalStore, extracting config, and validating the architecture, delivering a fully modernized page.

Quick Start

Say "migrate login page" to initiate a full migration of your legacy login page.