# Build Modern Angular Applications

Modern Angular projects require clear choices across Signals, routing, rendering, and change detection. This skill provides practical patterns for building and modernizing Angular applications.

## Install

```bash
npx skillstore add sickn33/angular
```

## Metadata

- Status: approved
- Slug: sickn33-angular
- Skillstore revision: r2
- Version status: missing
- Tree hash: 379ce977a8b7adbccfc4e69cee31875622ba06a868f5fe9271c6014126a6a3da
- Author: sickn33
- GitHub username: sickn33
- License: MIT
- Repository: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/angular
- Ref: ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: network, scripts, external\_commands, filesystem
- Quality score: 77
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/sickn33-angular
- Manifest: https://skillstore.pages.dev/api/skills/sickn33-angular/manifest

## Capabilities

- Designs local and shared state with Signals, computed values, effects, and RxJS interoperability.
- Creates standalone components with signal inputs, outputs, models, queries, and direct imports.
- Configures zoneless change detection, server rendering, hydration, and deferred loading patterns.
- Applies functional routing with lazy components, guards, resolvers, and route data.
- Structures dependency injection, reusable directives, forms, and signal-based stores.
- Provides Angular testing and performance patterns for signal-driven components.

## Use Cases

- Start a modern Angular feature: Plan a standalone, signal-driven feature with routing, state, and tests.
- Modernize an existing application: Replace legacy Angular patterns gradually while preserving behavior and compatibility.
- Review Angular architecture: Evaluate rendering, hydration, dependency injection, and performance choices before release.

## Prompt Templates

### Create a signal component

```
Create a standalone Angular component for [feature]. Use signal inputs and outputs, typed state, accessible markup, and focused tests.
```

### Choose Signals or RxJS

```
Review this Angular state flow: [details]. Recommend Signals, RxJS, or both. Explain ownership, async behavior, cleanup, and testing.
```

### Plan zoneless SSR

```
Design a zoneless Angular SSR approach for [application]. Include hydration boundaries, deferred content, data transfer, failure states, and verification steps.
```

### Modernize an Angular codebase

```
Assess these Angular files: [files]. Produce a phased modernization plan covering standalone APIs, Signals, routing, SSR, performance, compatibility, and regression tests.
```

## Limitations

- Targets modern Angular patterns and does not cover AngularJS migration.
- Does not replace project-specific build, test, browser, or production validation.
- Some future Angular features described in the source may require version verification.
- Provides patterns and examples but does not inspect a project unless files are supplied.

## Best Practices

- Confirm the installed Angular version before applying version-specific APIs.
- Prefer incremental changes with focused build, test, rendering, and accessibility checks.
- State data ownership, async boundaries, and error behavior before selecting Signals or RxJS.

## Anti Patterns

- Do not force zoneless change detection into legacy code without compatibility testing.
- Do not replace complex event streams with Signals when RxJS operators express the flow clearly.
- Do not accept generated examples without checking imports, types, framework support, and tests.

## Security Audit

- Audited at: 2026-07-23T19:11:13.934\+00:00
- Summary: All 102 static findings are false positives caused by documentation links, fenced Angular examples, Markdown backticks, or benign API names. The skill contains no executable scripts, unauthorized network behavior, filesystem access, system reconnaissance, or prompt injection intent.

## Stats

- Views: 103
- Downloads: 10
- Favorites: 0
- Popularity score: 0