skills.rest
juhas96
juhas96COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/juhas96/ag-grid-test --skill angular-tooling-juhas96
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
jbaranskijbaranski

jeff-skill-angular-project

Install or update the Angular CLI globally and verify with ng version.

Community
Intermediate
djnsty23djnsty23
2

deploy

Deploy and configure CI/CD workflows for Vercel, Supabase, and GitHub Actions.

Community
Advanced
xocomilxocomil
5

angular-directives

Create reusable Angular directives for DOM behavior and component libraries.

Community
Advanced
GrupoUSGrupoUS
1

vibe-coding

Bootstrap local web app skeletons with React, Next.js, Vue, or Svelte.

Community
Intermediate