angular-new-app

85 / 100 · Low risk

Fine to try.

By angular/skills (GitHub) · other · 720 stars · scanned at commit 4097283

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.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 15 places.

angular-new-app/SKILL.md, line 23`npm install -g @angular/cli`
angular-new-app/SKILL.md, line 29`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,
angular-new-app/SKILL.md, line 423. Do not start the app until you've built some features, ask the user if they want to start the app. You can always run `npx ng build` to check for errors and

Show 12 more

angular-new-app/SKILL.md, line 45- To generate components, use the Angular CLI `npx ng generate component <component-name>`
angular-new-app/SKILL.md, line 46- To generate services, use the Angular CLI `npx ng generate service <service-name>`
angular-new-app/SKILL.md, line 47- To generate pipes, use the Angular CLI `npx ng generate pipe <pipe-name>`
angular-new-app/SKILL.md, line 48- To generate directives, use the Angular CLI `npx ng generate directive <directive-name>`
angular-new-app/SKILL.md, line 49- To generate interfaces, use the Angular CLI `npx ng generate interface <interface-name>`
angular-new-app/SKILL.md, line 50- To generate guards, use the Angular CLI `npx ng generate guard <guard-name>`
angular-new-app/SKILL.md, line 51- To generate interceptors, use the Angular CLI `npx ng generate interceptor <interceptor-name>`
angular-new-app/SKILL.md, line 52- To generate resolvers, use the Angular CLI `npx ng generate resolver <resolver-name>`
angular-new-app/SKILL.md, line 53- To generate enums, use the Angular CLI `npx ng generate enum <enum-name>`
angular-new-app/SKILL.md, line 54- To generate classes, use the Angular CLI `npx ng generate class <class-name>`
angular-new-app/SKILL.md, line 605. To add tailwind, run `npx ng add tailwindcss`. After that, you do not have to do anything else, you can start using tailwind classes in your Angular applicat
angular-new-app/SKILL.md, line 62_IMPORTANT_: There are best practices available for building outstanding Angular applications via the MCP server that is bundled with the Angular CLI. Available

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'angular-new-app' ] || [ -L ~/.agents/skills/'angular-new-app' ]; then echo 'A skill folder named angular-new-app already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/angular/skills' "$d" && git -C "$d" checkout --quiet '4097283e4f8a42c099464a037bf5e83058b1b1ee' -- 'angular-new-app' && mkdir -p ~/.agents/skills && cp -R "$d"/'angular-new-app' ~/.agents/skills/'angular-new-app' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'angular-new-app' ~/.claude/skills/'angular-new-app' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for angular/skills shows the score of its lowest-scoring skill.

SkillTrust badge for angular/skills

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/angular/skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/angular/skills/)

Score history

Date	Version	Score
2026-11-10	`4097283`	85
2026-11-08	`9274c6e`	85
2026-11-06	`2727ba4`	85