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.