skills.rest
DITEKmax
DITEKmaxCOMMUNITY
Explore all skills by this author →
GitHub

angular-tooling

Streamlines Angular v20+ project setup, code generation, building, testing, and CI configuration via Angular CLI and Node.js.

Updated Mar 28, 2026
Search Tags:#testing#angular#build#project-setup#code-generation#ci#angular-cli
One-click install
npx skills add https://github.com/DITEKmax/rutcampustrack --skill angular-tooling-ditekmax
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-tooling
Source: https://github.com/DITEKmax/rutcampustrack/tree/main/.claude/skills/angular-tooling
Command: npx skills add https://github.com/DITEKmax/rutcampustrack --skill angular-tooling-ditekmax

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Many Angular projects suffer from inconsistent project setups, repetitive manual scaffolding, complex build configurations, and fragmented testing and CI workflows; this Skill centralizes Angular CLI best practices to reduce setup time and configuration errors.

Core Features & Use Cases

  • Project setup & scaffolding: Create new standalone Angular v20+ projects with recommended options and folder structure.
  • Code generation: Generate components, services, directives, pipes, guards, interceptors, interfaces, enums, and classes using ng generate with common options.
  • Development and builds: Run dev server with network/SSL options, perform development and production builds, enable persistent cache, and analyze bundle output for performance.
  • Testing, linting & CI: Run unit and e2e tests in CI-friendly modes, integrate with GitHub Actions/GitLab CI, and include lint/fix workflows.
  • Configuration patterns: Provide guidance for angular.json, environment file replacement, path aliases, proxy config, custom schematics, and SSR/PWA add-ons.
  • Use Case: Bootstrapping a multi-project workspace with shared libraries, adding Angular Material, configuring proxy and path aliases, and wiring CI to run tests and production builds.

Quick Start

Create a new Angular v20 project with SCSS and routing, generate a feature component and start the dev server.

Frequently Asked Questions about angular-tooling

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

FAQPage Schema
How do I set up a new Angular v20 project with routing and SCSS?▼

To set up an Angular v20 project, use centralized Angular CLI best practices to create standalone apps with recommended folder structures, SCSS styling, and routing enabled to reduce manual scaffolding and configuration errors.

What's the best way to generate Angular components, services, and guards?▼

The best way to generate Angular components, services, directives, pipes, guards, interceptors, and interfaces is using streamlined ng generate commands with common options to ensure consistent code scaffolding across your project.

How do I configure angular.json path aliases and proxy settings?▼

Configure angular.json path aliases and proxy settings by applying provided configuration patterns that manage environment file replacement, custom schematics, and proxy configs to standardize your Angular project setup.

Can I run Angular unit and e2e tests in CI-friendly modes with GitHub Actions?▼

Yes, you can run Angular unit and e2e tests in CI-friendly modes by integrating with GitHub Actions or GitLab CI, including lint and fix workflows to automate testing and production builds.

Does this Angular CLI tooling support bundle analysis and persistent cache for production builds?▼

Yes, Angular CLI tooling supports production builds with persistent cache and bundle analysis output for performance optimization, alongside network and SSL options for running the dev server.

Do I need Node.js and Angular CLI installed to bootstrap a multi-project workspace?▼

Yes, bootstrapping a multi-project Angular workspace with shared libraries requires an Angular CLI and Node.js environment to execute commands, add Angular Material, and configure path aliases.

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
ishiyanishiyan

m3-web-angular

Applies Material Design 3 themes to Angular apps via SCSS mixins and CLI schematics.

Community
Advanced
tsparticlestsparticles
8.9k

nx-plugins

Discover and install Nx plugins for monorepo configurations.

Official
Basic