What architecture does the migrated code follow?

The skill enforces a strict Domain-Driven Design (DDD) structure, organizing the migrated page into four distinct layers: Domain, UI, Features, and Shell.

Does this skill handle Angular 20 syntax updates automatically?

Yes, it modernizes code by converting legacy directives like *ngIf and *ngFor to the new @if and @for control flow, and transforms BehaviorSubjects into Signals.

Will it preserve my existing translation keys?

Absolutely. A critical phase of the workflow involves analyzing and copying exact translation keys from the source HTML to ensure no breaking changes in localized content.

How does the skill access my private GitLab repository?

The skill utilizes the GITLAB_TOKEN environment variable to securely authenticate with the GitLab API, allowing it to fetch tree structures and raw source files without hardcoding credentials.

Can I use this for any Angular project?

This skill is specifically optimized for migrating from Angular 16 GitLab sources to an Angular 20 monorepo following the one-ui architecture patterns.

GitLab Angular DDD Migrator

Name: GitLab Angular DDD Migrator
Author: Michael0520

byMichael0520

0•

Developer Tools

Automates the migration of Angular 16 pages from GitLab to Angular 20 monorepos using Domain-Driven Design patterns.

This skill streamlines the complex process of upgrading legacy Angular 16 codebases to modern Angular 20 environments while refactoring code into a modular Domain-Driven Design (DDD) architecture. It automates source code retrieval via the GitLab API, performs deep structural analysis of components and dependencies, and leverages Nx plugins to generate structured library layers. By enforcing strict UI consistency and modernizing syntax—including Signals and the new Control Flow—it ensures high-quality, standardized migrations with minimal manual effort.

Key Features

01Angular 20 syntax modernization including Signals and new Control Flow

02Automated GitLab source fetching with secure token authentication

030 GitHub stars

04Refactoring to DDD architecture (Domain, Features, UI, and Shell layers)

05Comprehensive migration analysis and documentation generation

06Standardized form validation and UI pattern enforcement

Use Cases

01Upgrading legacy Angular 16 enterprise pages to Angular 20 monorepos

02Refactoring monolithic frontend components into modular DDD-compliant libraries

03Standardizing UI components and translation keys during large-scale migrations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michael0520/milo-claudekit migrate-page-gitlab

For use in Claude.ai and ChatGPT

Key Features

01Angular 20 syntax modernization including Signals and new Control Flow

02Automated GitLab source fetching with secure token authentication

030 GitHub stars

04Refactoring to DDD architecture (Domain, Features, UI, and Shell layers)

05Comprehensive migration analysis and documentation generation

06Standardized form validation and UI pattern enforcement

Use Cases

01Upgrading legacy Angular 16 enterprise pages to Angular 20 monorepos

02Refactoring monolithic frontend components into modular DDD-compliant libraries

03Standardizing UI components and translation keys during large-scale migrations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michael0520/milo-claudekit migrate-page-gitlab

For use in Claude.ai and ChatGPT