← ClaudeAtlas

angularlisted

Build Angular apps with the Angular CLI: standalone components, signals, zoneless, Vitest, angular-eslint, mise tasks. Use for Angular apps, routing, forms, SSR.
fmind/dot · ★ 4 · Web & Frontend · score 80
Install: claude install-skill fmind/dot
# Angular Standard Angular owns its toolchain: the CLI builds, serves, tests, generates, and updates; this skill wraps it in the shared task vocabulary. Shared TypeScript conventions come from [typescript-stack](../typescript-stack/SKILL.md); backends and hosting from [firebase](../firebase/SKILL.md). ## 1. Core Stack - **CLI**: `ng` from mise (`npm:@angular/cli`); every project pins its own `@angular/cli` and `@angular/build` (esbuild application builder) in `package.json`, installed with `pnpm`. - **Architecture**: standalone components, signals for state (`signal`, `computed`, `linkedSignal`, `resource`, `httpResource`), zoneless change detection (`--zoneless`), Signal Forms for new forms, lazy routes. - **Tests**: `ng test` runs Vitest with jsdom; coverage needs `@vitest/coverage-v8`; e2e through `ng add playwright-ng-schematics` when a journey needs a browser (browsers via `playwright install chromium`). - **Dependency hygiene**: Knip detects unused files, exports, and dependencies; its Angular plugin activates automatically from `@angular/cli`, and [knip.json](references/knip.json) only excuses the two things it cannot see in a fresh workspace. - **Lint and format**: `ng add angular-eslint` gives `ng lint` for TypeScript and templates (accessibility rules included); Prettier formats TypeScript, templates, CSS, and JSON; Biome does not understand Angular templates. - **Tasks and hooks**: [mise.toml](references/mise.toml) exposes the canonical vocabulary per [mise](../