skills.rest
oguzhan18
oguzhan18COMMUNITY
Explore all skills by this author →
WebsiteGitHub

angular-cli

Automate Angular CLI scaffolding, workspace configuration, and build tasks.

6|1|Updated Feb 18, 2026
Search Tags:#angular#scaffolding#cli#migration#build#workspace#generators
One-click install
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-cli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-cli
Source: https://github.com/oguzhan18/angular-ecosystem-skills/tree/main/skills/angular-cli
Command: npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-cli

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a single, authoritative guide and command set to eliminate repetitive manual setup, scaffolding, and build configuration tasks in Angular projects, reducing human error and accelerating development workflows.

Core Features & Use Cases

  • Generators & Scaffolding: Use ng generate to create components, services, guards, interceptors, and libraries with consistent defaults.
  • Builds & Builders: Run development, production, SSR, and prerender builds with ng build and custom builders via ng run.
  • Migrations & Schematics: Apply automated migrations and schematics such as control flow migration, signal input migration, and route lazy-loading.
  • Workspace Configuration: Configure workspace defaults, named workspaces, and integrate tools with ng add and ng update.
  • Use Case: Quickly scaffold a standalone component, add Angular Material, and run a production build for deployment while applying recommended workspace defaults.

Quick Start

Generate a standalone component named my-component, add the Angular Material package with ng add, and run a production build with ng build --configuration=production.

Frequently Asked Questions about angular-cli

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

FAQPage Schema
How do I scaffold a standalone component in Angular?▼

Scaffold a standalone component in Angular by using the ng generate command with consistent workspace defaults. This automates file creation for components, services, and guards, reducing repetitive manual setup and human error.

What is the best way to apply signal input migration in an Angular project?▼

Apply signal input migration in an Angular project using automated migration schematics via the Angular CLI. This process updates codebases deterministically without manual refactoring, safely transitioning legacy input bindings to signals.

How do I configure an Angular workspace for SSR and prerender builds?▼

Configure an Angular workspace for SSR and prerender builds by running ng build with the appropriate configuration. The Angular CLI manages workspace defaults and custom builders to output optimized server-side rendered applications.

Can I use ng add to integrate Angular Material into an existing workspace?▼

Yes, you can use ng add to integrate Angular Material into an existing workspace. The Angular CLI runs schematics to automatically install dependencies and configure theme integration, streamlining the setup process.

Does the Angular CLI support generating libraries and custom builders?▼

Yes, the Angular CLI supports generating libraries and running custom builders via ng generate and ng run. This enables deterministic code generation and flexible build workflows for development and production scenarios.

How do I run route lazy-loading migrations for an Angular application?▼

Run route lazy-loading migrations for an Angular application by executing the designated migration schematics through the Angular CLI. This automatically refactors route configurations to load modules asynchronously, improving initial load performance.

Related Skills

Explore More Software Engineering Skills→
analogjsanalogjs
595

angular-tooling

Automate Angular v20+ project scaffolding and code generation with ng commands.

Official
Intermediate
timequitytimequity
6

verification-gate

Automates verification of tests, builds, linting, and security checks before completion.

Official
Intermediate
ai-enhanced-engineerai-enhanced-engineer
3

frontend-material-design-3

Implement Material Design 3 components and CSS tokens for Angular and Svelte.

Official
Intermediate
plastikawebplastikaweb
1

angular-tooling

Automate Angular v20+ project setup, code generation, and tooling configuration.

Community
Intermediate