How does it compare form validators?

It maps standard Angular Validators from the source code to specific OneValidators in the target code, identifying any missing constraints or custom validation logic.

Does it provide a summary of the migration status?

Yes, it generates a detailed MIGRATION-ANALYSIS.md file and a terminal report with completeness percentages for controls, validators, and UI components.

Can it detect missing translation keys?

Absolutely. It compares legacy translation patterns with modern Transloco implementations to ensure all UI text is correctly migrated.

What frameworks does this skill support?

This skill is specifically optimized for Angular applications, focusing on TypeScript and HTML files, especially those migrating toward One UI or Material-based design systems.

Can it automatically fix migration errors?

Yes, it includes auto-fix capabilities for critical UI guideline violations, such as automatically converting mat-raised-button to mat-flat-button.

UI Migration Reviewer

Name: UI Migration Reviewer
Author: Michael0520

byMichael0520

开发者工具

Audits and validates migration completeness between legacy and modern codebases to ensure functional parity and UI guideline compliance.

关于

The UI Migration Reviewer is a specialized Claude Code skill designed to automate the audit process when moving features from a legacy codebase to a new architectural standard. It performs deep analysis of Angular templates and TypeScript logic, specifically focusing on form control extraction, validator mapping, and UI component consistency. By comparing source and target directories, it identifies missing functional elements, flags non-compliant styling, and generates professional documentation to track migration progress and technical debt.

主要功能

0 GitHub stars
Comprehensive Reporting: Generates a standardized MIGRATION-ANALYSIS.md report including completeness scores.
Automated Pattern Correction: Instantly migrates legacy components like mat-raised-button to modern standards.
Form Control & Validator Parity: Extracts and compares form structures to ensure no validation logic is lost.
UI Guideline Auditing: Automatically checks for correct page layout structures, dialog configurations, and component types.
Syntax Modernization: Flags legacy Angular directives for conversion to modern control flow like @if and @for.

使用场景

Ensuring frontend developers adhere to strict corporate UI guidelines and layout patterns.
Generating automated audit documentation for project managers to track feature migration status.
Verifying business logic parity when migrating legacy Angular forms to a new design system.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michael0520/milo-claudekit migration-review

For use in Claude.ai and ChatGPT

Download Skill

GitHub

关于

主要功能

0 GitHub stars
Comprehensive Reporting: Generates a standardized MIGRATION-ANALYSIS.md report including completeness scores.
Automated Pattern Correction: Instantly migrates legacy components like mat-raised-button to modern standards.
Form Control & Validator Parity: Extracts and compares form structures to ensure no validation logic is lost.
UI Guideline Auditing: Automatically checks for correct page layout structures, dialog configurations, and component types.
Syntax Modernization: Flags legacy Angular directives for conversion to modern control flow like @if and @for.

使用场景

Ensuring frontend developers adhere to strict corporate UI guidelines and layout patterns.
Generating automated audit documentation for project managers to track feature migration status.
Verifying business logic parity when migrating legacy Angular forms to a new design system.