skills.rest
bluehands
bluehandsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

angular-tooling

Generate Angular projects, components, services, and modules via Angular CLI.

Updated Nov 20, 2025
Search Tags:#typescript#development#frontend#angular#scaffolding#cli#build
One-click install
npx skills add https://github.com/bluehands/Carbon-Aware-Scheduler --skill angular-tooling-bluehands
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-tooling
Source: https://github.com/bluehands/Carbon-Aware-Scheduler/tree/main/source/frontend/.agents/skills/angular-tooling
Command: npx skills add https://github.com/bluehands/Carbon-Aware-Scheduler --skill angular-tooling-bluehands

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines Angular development by providing comprehensive guidance and commands for using the Angular CLI and its associated tooling, from project setup to advanced build optimizations.

Core Features & Use Cases

  • Project Scaffolding: Quickly generate new Angular projects, components, services, and more.
  • Development Workflow: Efficiently run development servers, build for production, and manage testing and linting.
  • Configuration & Optimization: Understand and configure angular.json, environment settings, and optimize build performance.
  • Use Case: A developer needs to quickly create a new Angular project with SCSS styling and routing, then generate a new service and component within a specific feature module.

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 use Angular CLI to generate a new component in a specific directory?▼

Use the Angular CLI to generate a component by specifying the path and name, such as creating 'user-profile' within the 'features' directory. This enables rapid project scaffolding and efficient code generation for Angular projects version 20 and above.

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

The best way to configure an Angular project with SCSS and routing is through project scaffolding commands during initial creation. This setup ensures the development workflow is optimized for styling and navigation from the start.

Does this Angular tooling support build processes for both development and production environments?▼

Yes, this Angular tooling supports build processes for both development and production environments. It provides commands and configurations to manage development server operation and optimize production build pipelines effectively.

Can I run unit and E2E testing using the Angular CLI commands provided here?▼

Yes, you can run unit and E2E testing using the provided Angular CLI commands. The tooling covers comprehensive testing workflows, alongside linting and environment configuration, to maintain code quality in Angular projects.

How do I optimize build performance and manage environment settings in an Angular project?▼

Optimize build performance and manage environment settings by configuring the 'angular.json' file and utilizing specific environment configurations. This approach ensures efficient build pipelines and proper environment variable management.

What should I do if my Angular CLI code generation is not working as expected?▼

If Angular CLI code generation is not working, verify your project is version 20 or above and check your 'angular.json' configuration. Proper setup is required for generating components, services, and modules correctly.

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
ai-enhanced-engineerai-enhanced-engineer
3

gcp-cicd-patterns

Automate CI/CD pipeline design on Google Cloud Platform with Cloud Build and Cloud Deploy.

Official
Advanced
ahiendzahiendz
3

lint-and-validate

Lint and statically analyze Node.js/TypeScript and Python codebases.

Community
Intermediate
Manu343726Manu343726

angular-tooling

Guide Angular CLI workflows for scaffolding, generation, and build/test configuration.

Community
Intermediate