angular-forms
The angular-forms skill provides a framework for building signal-based, type-safe, and reactive forms in Angular v21+. It supports schema-based validation, field state management, dynamic form arrays, and asynchronous validation.
Is angular-forms safe to install?
Review the source first: our audit of angular-forms's source files found 0 shell commands, 1 external URL, no file writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill includes an example of asynchronous validation that makes HTTP requests to a dynamic endpoint.
How we audit skills: our security review methodology.
Who is this skill for?
Angular developers building forms in v21+ projects who want to utilize the experimental Signal Forms API.
What can you do with it?
- Creating type-safe forms with automatic two-way binding
- Implementing schema-based validation for form fields
- Managing reactive field states including touched, dirty, and validation status
- Building dynamic forms with arrays and conditional fields
- Performing asynchronous validation via HTTP requests
How good is this skill?
Quality score: 5/10. The documentation is clear, provides comprehensive code examples for all features, and includes necessary warnings regarding the experimental status of the API.
What does the skill file contain?
# Angular Signal Forms
Build type-safe, reactive forms using Angular's Signal Forms API. Signal Forms provide automatic two-way binding, schema-based validation, and reactive field state.
**Note:** Signal Forms are experimental in Angular v21. For production apps requiring stability, see [references/form-patterns.md](references/form-patterns.md) for Reactive Forms patterns.
## Basic Setup
```typescript
import { Component, signal } from '@angular/core';
import { form, FormField, required, email } from '@angular/forms/signals';
interface LoginData {
email: string;
password: string;
}
@...Frequently asked questions
Is this skill suitable for production applications?
No. Signal Forms are experimental in Angular v21. The documentation recommends using Reactive Forms patterns for production apps requiring stability.
Does this skill support third-party form libraries?
No. The documentation explicitly advises against using this with third-party form libraries like Formly or ngx-formly.
How does the skill handle cross-field validation?
It uses the validate function to compare field values, allowing access to other fields via the valueOf helper.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
firebase-hosting-basics
97.9KDevelopers deploying static web applications, single page applications, or microservices to Firebase Hosting
This skill provides instructions and guidance for deploying web applications to Firebase Hosting. It covers configuration, deployment procedures, and local emulation for static sites and single page applications.
developing-genkit-js
50.1KDevelopers building AI agents, flows, and tools using the Genkit framework in JavaScript or TypeScript environments
This skill provides guidance for developing AI-powered applications using Genkit in Node.js and TypeScript. It enforces a strict troubleshooting protocol that prioritizes reading local documentation via the Genkit CLI over internal knowledge to account for recent breaking API changes.
turborepo
45.6KDevelopers and DevOps engineers managing JavaScript or TypeScript monorepos with Turborepo
The Turborepo skill provides guidance on configuring monorepo build systems, task pipelines, caching strategies, and architectural boundaries using Turborepo.