angular-tooling

Generate Angular v20+ components, services, and modules using Angular CLI.

713|170|Updated Dec 22, 2020
One-click install
npx skills add https://github.com/huajian123/ng-antd-admin --skill angular-tooling-huajian123
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-tooling
Source: https://github.com/huajian123/ng-antd-admin/tree/main/ui/.agents/skills/angular-tooling
Command: npx skills add https://github.com/huajian123/ng-antd-admin --skill angular-tooling-huajian123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers efficiently manage Angular v20+ projects by leveraging the Angular CLI and modern tooling to streamline setup, code generation, builds, testing, and configuration tasks.

Core Features & Use Cases

  • Project Setup & Scaffolding: Create new standalone projects, configure routing, styling, and SSR options with minimal friction.
  • Code Generation: Generate components, services, guards, pipes, and modules using schematics and best practices.
  • Development & Build: Run development server, build production bundles, and optimize configurations for performance.
  • Configuration & Environment: Manage angular.json, environment settings, and library integrations to speed up onboarding and consistency.

Quick Start

Create a new Angular v20+ project: ng new my-app --style=scss --routing Generate a component: ng generate component features/dashboard Start development server: ng serve Build for production: ng build --configuration=production

Frequently Asked Questions about angular-tooling

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

FAQPage Schema
How do I generate components and services in an Angular v20+ project?▼

To generate components and services in an Angular v20+ project, use the Angular CLI schematics like `ng generate component` to automate code creation and apply best practices for standalone apps.

What is the best way to configure an Angular standalone project with routing and SCSS?▼

The best way to configure an Angular standalone project with routing and SCSS is using the Angular CLI setup command `ng new` with style and routing flags to scaffold the environment with minimal friction.

Does this Angular tooling support monorepo and Zoneless configurations?▼

Yes, this Angular tooling supports monorepo and Zoneless configurations, guiding developers through standard setups for standalone apps, Zoneless architectures, and View Transitions within v20+ projects.

How do I optimize production builds and manage environment settings in Angular?▼

You optimize production builds and manage environment settings in Angular by running `ng build` and configuring `angular.json`, using Angular CLI tooling to streamline library integrations and performance configurations.

When do I need to use Angular CLI for development server and testing tasks?▼

You need to use the Angular CLI for development server and testing tasks when managing routine workflows in v20+ projects, applying it to run `ng serve`, execute tests, and automate standard configurations.