mcpField
A
angular-signals-forms

angular-signals-forms

github.com/oguzhan18Development7178 installsUpdated 31w ago
Repository

About angular-signals-forms

A reference skill for building forms with Angular’s signal-based APIs, aimed at Angular developers. It covers signal controls and synchronous and asynchronous validation patterns.

Key features

  1. 01Signal-based form controls
  2. 02Synchronous validators
  3. 03Asynchronous validators

Use cases

  1. 01Modeling form fields as signals
  2. 02Validating required and email fields
  3. 03Checking usernames asynchronously

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-signals-forms

After installing, type/angular-signals-formsin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/discussions/
_INDEX.md
references/docs/
_INDEX.md
references/issues/
_INDEX.md
references/releases/
_INDEX.md

Details

From the project README

Angular Signal Forms

Version: Angular 19+ (2025) Tags: Signal Forms, Reactive Forms, Signals

References: Signal Forms

Best Practices

  • Use signal-based FormControl
import { signal } from '@angular/forms';

@Component({})
export class MyComponent {
  name = signal('');
  
  updateName(value: string) {
    this.name.set(value);
  }
}
  • Use withValidators
email = signal('', {
  validators: [Validators.required, Validators.email]
});
  • Use withAsyncValidators
username = signal('', {
  asyncValidators: [uniqueUsernameValidator]
});

Comments

Markdown supported