skills.rest
svssdeva
svssdevaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Angular Tooling

Create Angular v20+ projects and run CLI workflows for builds, tests, and linting.

1|1|Updated Apr 20, 2026
Search Tags:#testing#linting#code generation#angular#tooling#build configuration#angular cli
One-click install
npx skills add https://github.com/svssdeva/agentic-skills --skill angular-tooling-svssdeva
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Angular Tooling
Source: https://github.com/svssdeva/agentic-skills/tree/main/angular/angular-tooling
Command: npx skills add https://github.com/svssdeva/agentic-skills --skill angular-tooling-svssdeva

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Angular tooling guidance reduces time lost to misconfigured projects and incorrect CLI commands when setting up, generating code, and running common development workflows.

Core Features & Use Cases

  • Project setup with Angular CLI: create modern Angular v20+ standalone projects with routing/SSR/test options and a clear default folder layout.
  • Code generation for maintainable structure: generate components, services, directives, pipes, guards, interceptors, and models while supporting paths and options like OnPush and flat structures.
  • Day-to-day workflow commands: run the dev server, build for development/production, execute unit and e2e tests, lint code, and apply key angular.json configuration patterns.

Use case: You need to scaffold a new Angular feature module and then consistently run tests and builds in CI with production settings, source maps control, and correct asset configuration.

Quick Start

Use this guidance to create a new Angular v20+ app, generate a component and service, and then run build, tests, and linting using the recommended CLI commands.

Frequently Asked Questions about Angular Tooling

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new Angular v20 standalone project with routing and SSR?▼

Angular CLI project setup creates modern Angular v20+ standalone applications with configurable routing, SSR, and test options, yielding a clear default folder layout for immediate development.

How do I generate components, services, and guards using the Angular CLI?▼

Angular CLI code generation creates components, services, directives, pipes, guards, interceptors, and models while supporting path aliases and options like OnPush change detection and flat structures for maintainable codebases.

What's the best way to run builds and unit tests in Angular CI pipelines?▼

Running builds and tests in Angular CI pipelines involves using CLI commands for production configurations, source map controls, and correct asset configuration to ensure reliable daily developer operations.

Does Angular CLI support switching between development and production environments?▼

Angular CLI supports environment switching by utilizing distinct configurations within angular.json, allowing developers to apply different settings across local and production contexts.

How do I configure angular.json for assets, budgets, and caching?▼

Configuring angular.json involves defining sections for assets, budgets, and caching patterns to optimize builds. This ensures correct resource bundling and performance budget enforcement during local and production operations.

When should I use Angular CLI commands for linting and e2e testing?▼

Angular CLI commands for linting and e2e testing should be used during daily developer operations to maintain code quality and verify feature functionality before deploying to production environments.

Related Skills

Explore More Software Engineering Skills→
choyinychoyiny
30

angular-tooling

Generate and manage Angular projects with the Angular CLI.

Community
Intermediate
timurgaleevtimurgaleev
5

canary

Monitor post-deploy web apps for defects and performance regressions.

Community
Advanced
nguyenthienthanhnguyenthienthanh
24

angular-expert

Optimize Angular 17+ components and state management with signals and RxJS.

Community
Advanced
FindMalekFindMalek
9

monorepo-management

Organize multiple packages into a monorepo with Turborepo or Nx and pnpm workspaces.

Community
Advanced