angular-tooling

Generate and manage Angular v20+ projects using Angular CLI commands.

Updated Mar 2, 2026

Search Tags:#testing #development #angular #scaffolding #cli #build #configuration

Ready to run

npx skills add https://github.com/juhas96/ag-grid-test --skill angular-tooling-juhas96

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: angular-tooling
Source: https://github.com/juhas96/ag-grid-test/tree/main/.opencode/skills/angular-tooling
Command: npx skills add https://github.com/juhas96/ag-grid-test --skill angular-tooling-juhas96

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development workflow for Angular projects by providing comprehensive guidance and commands for using the Angular CLI effectively.

Core Features & Use Cases

Project Scaffolding: Generate new Angular projects, components, services, modules, and more.
Development Server: Easily start and manage a local development server for real-time updates.
Building & Testing: Build optimized production versions of your application and run unit/e2e tests.
Configuration Management: Understand and modify angular.json and environment configurations.
Use Case: When starting a new Angular project, use this Skill to generate the project structure and then create new components and services as needed.

Quick Start

Use the angular-tooling skill to generate a new Angular component named 'user-profile' within the 'features' directory.

Frequently Asked Questions about angular-tooling

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

FAQPage Schema

How do I generate an Angular component using the CLI?▼

To generate an Angular component, use the Angular CLI schematics command to scaffold the component, template, and styles automatically. This streamlines project setup by creating the necessary files and applying path aliases for clean imports.

What is the best way to configure a proxy for an Angular development server?▼

Configuring a proxy for the Angular development server involves modifying the proxy configuration file to route API requests during local development. This allows the local dev server to bypass CORS issues by forwarding requests to your backend.

How do I set up a multi-project workspace in Angular?▼

Setting up a multi-project workspace in Angular involves configuring angular.json to manage multiple applications or libraries within a single repository. This configuration allows shared code and dependencies across different projects efficiently.

Does this Angular CLI guidance cover v20+ projects?▼

Yes, this guidance specifically covers utilizing the Angular CLI for project setup, code generation, and configuration in Angular v20+ projects. It provides commands for schematics, build optimization, and development server management for these versions.

How do I optimize production builds and integrate CI/CD for an Angular app?▼

Optimizing production builds and integrating CI/CD requires using Angular CLI commands to build optimized versions and run unit or e2e tests. This ensures your application is efficiently bundled and validated before deployment.