Skills
.Work. You
Rest

form-extraction

Community

Analyze Angular Reactive Forms

Software Engineering#code analysis#angular#migration#forms#validators#reactive forms
AuthorMichael0520
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of extracting and analyzing Angular Reactive Forms, making it easier to compare forms between legacy and migrated codebases and ensuring consistency.

Core Features & Use Cases

  • Extract Form Controls: Identifies formControlName and formGroupName from HTML and form definitions from TypeScript.
  • Extract Validators: Detects both old Angular Validators and new OneValidators, including custom validators.
  • Validator Mapping: Provides a clear mapping from old validator syntax to new OneValidators.
  • Error Display Patterns: Guides on how to correctly display validation errors in templates, differentiating between built-in messages and custom handling.
  • Use Case: When migrating an Angular application from an older version to a newer one, use this skill to quickly audit all form controls and their associated validators to ensure a smooth transition and prevent runtime errors.

Quick Start

Use the form-extraction skill to find all form control names in the project's TypeScript files.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: form-extraction
Download link: https://github.com/Michael0520/milo-claudekit/archive/main.zip#form-extraction

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.