Does it support different Angular FormBuilder styles?

Yes, it recognizes standard FormBuilder, private class fields (#fb), NonNullable groups, and direct FormGroup/UntypedFormGroup instances.

Can it detect custom validators in TypeScript files?

Yes, the skill uses pattern matching to identify custom validator names and complex logic that requires manual error handling implementations.

How does it handle form error messages during migration?

It identifies which validators can use the built-in oneUiFormError directive and which require explicit @if/@else blocks for custom error feedback.

How does the form-extraction skill help with Angular migrations?

It automates the extraction of form definitions and validators from your source code, providing a clear mapping for migrating legacy code to modern One UI patterns.

Angular Form Migration & Extraction

Name: Angular Form Migration & Extraction
Author: Michael0520

byMichael0520

0•

Developer Tools

Extracts and analyzes Angular Reactive Forms to streamline the migration from legacy code to modern UI standards.

This skill facilitates the migration of Angular applications by automating the identification and mapping of Reactive Form components, validators, and error handling patterns. It parses TypeScript and HTML source files to inventory form controls, transition legacy Angular Validators to the newer OneValidators system, and ensure compliance with standardized error display logic. It is an essential tool for developers performing large-scale frontend refactoring who need to maintain form parity while upgrading to a new design system.

Key Features

01Direct mapping of legacy Angular Validators to modern OneValidators equivalents

02Automated extraction of form controls and group names from HTML templates

030 GitHub stars

04Identification of custom validators requiring manual error handling logic

05Detection of multiple form definition patterns including FormBuilder and NonNullable groups

06Validation of One UI error display patterns using oneUiFormError or conditional blocks

Use Cases

01Generating migration checklists for complex forms with custom validation logic

02Auditing codebases for deprecated validation patterns during framework upgrades

03Comparing legacy Angular forms with migrated versions to ensure functional parity

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michael0520/milo-claudekit form-extraction

For use in Claude.ai and ChatGPT

Download Skill