๐ŸŽฏ

angular-tooling

๐ŸŽฏSkill

from analogjs/angular-skills

VibeIndex|
What it does
|

Covers Angular development tooling including Angular CLI, build optimization, testing configuration, and project scaffolding for Angular v20+

Overview

Angular Tooling is a Claude Code skill that provides comprehensive guidance for using Angular CLI and development tools effectively in Angular v20+ projects. It covers project setup, code generation with schematics, development server configuration, production builds, and test execution to help AI agents generate proper Angular CLI commands and configurations.

Key Features

  • Project Scaffolding - Create new Angular projects with configurable options for styling (SCSS), routing, SSR, testing, and minimal setups using ng new
  • Code Generation Schematics - Generate components, services, directives, pipes, guards, interceptors, interfaces, and enums with short-form commands and dry-run previews
  • Development Server - Configure dev server with custom ports, host exposure, SSL, and production mode simulation using ng serve
  • Production Build Optimization - Build for production with source map control, named chunks, and proper output structure for browser and server bundles
  • Test Execution - Run tests with watch mode, code coverage, and configurable test infrastructure

Who is this for?

This skill is designed for Angular v20+ developers who need to efficiently use Angular CLI for project creation, code generation, builds, and testing. It is ideal for teams that want AI agents to generate correct CLI commands and follow Angular's recommended project structure and conventions.

๐Ÿ“ฆ

Same repository

analogjs/angular-skills(10 items)

angular-tooling

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add analogjs/angular-skills --skill angular-tooling
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add analogjs/angular-skills --skill angular-tooling
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/angular-tooling/SKILL.md

SKILL.md

3,678Installs
245
-
Last UpdatedJan 29, 2026

More from this repository9

๐ŸŽฏ
angular-component๐ŸŽฏSkill

An Angular v20+ component skill from the analogjs/angular-skills collection, teaching AI coding agents modern standalone component patterns with signal inputs/outputs, OnPush change detection, and native control flow.

๐ŸŽฏ
angular-signals๐ŸŽฏSkill

Angular v20+ Signals API best practices for reactive state management, computed values, and effect handling.

๐ŸŽฏ
angular-forms๐ŸŽฏSkill

Angular skills for building signal-based forms with Angular v21+'s Signal Forms API, including schema-based validation, two-way binding, and dynamic form patterns.

๐ŸŽฏ
angular-routing๐ŸŽฏSkill

Covers Angular routing patterns including lazy loading, route guards, resolvers, nested routes, and navigation strategies for Angular v20+

๐ŸŽฏ
angular-http๐ŸŽฏSkill

Covers Angular HttpClient patterns including interceptors, error handling, request/response transformation, and API communication best practices

๐ŸŽฏ
angular-di๐ŸŽฏSkill

Covers Angular v20+ dependency injection using inject(), injection tokens, and provider configuration for service architecture, managing singleton vs scoped services, and understanding the DI hierarchy.

๐ŸŽฏ
angular-directives๐ŸŽฏSkill

Covers Angular directive patterns including custom attribute and structural directives, DOM manipulation, and component behavior extension

๐ŸŽฏ
angular-testing๐ŸŽฏSkill

Angular skills for building signal-based forms with Angular v21+'s Signal Forms API, including schema-based validation, two-way binding, and dynamic form patterns.

๐ŸŽฏ
angular-ssr๐ŸŽฏSkill

Angular skills for building signal-based forms with Angular v21+'s Signal Forms API, including schema-based validation, two-way binding, and dynamic form patterns.