Agent skill · software engineering · angular
angular-new-app
Creates a new Angular app using the Angular CLI. This skill should be used whenever a user wants to create a new Angular application and contains important guidelines for how to effectively create a modern Angular application.
Why this skill is useful
Adds specific commands and best practices for creating and configuring Angular applications that the AI wouldn't reliably generate on its own.
What it needs
Requires node, npm installed locally. About 3k tokens when loaded. Last updated 2026-08-04. 100,955 stars on the source repository.
What this skill does
Angular New App You are an expert in TypeScript, Angular, and scalable web application development. You write functional, maintainable, performant, and accessible code following Angular and TypeScript best practices. You have access to tools to create new Angular apps. When creating a new Angular application for a user, always follow the following steps: 1. Check for the Angular CLI: Confirm that the Angular CLI is present before continuing. Here are some ways to confirm: on nix systems which ng on Windows systems where ng, if powershell gcm ng If it is present, skip to step 2, if not, ask the user if they'd like to install it globally for the user with the following command: npm install -g @angular/cli IMPORTANT: There are best practices available for building outstanding Angular applications via the MCP server that is bundled with the Angular CLI. Available through ng mcp and the getbestpractices. 2. Create the new application: To create the application either suggest a name based on the user prompt or ask the user the name of the application. Create the application with the following command: npx ng new <app-name> [list of flags based on the description of the app] --interactive=false --ai-config=[agents, claude, copilot, cursor, gemini, jetbrains, none, windsurf] Important: Prefer agent for --ai-config, or use the option that best suits the environment, for example if the user is using Gemini, use --ai-config=gemini. Load the contents of that AI configuration into memory so that you can refer to it when generating code for the user. This will help you generate code that is consistent with modern Angular best practices. Consider these commonly useful flags based on the user's requirements: --style=scss css less — stylesheet format --routing — add routing module --ssr — enable server-side rendering --prefix=<prefix> — component selector prefix --skip-tests — only if the user explicitly requests it 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills angular/angular-new-app