Agent-Skills.md

Agent Skills: Angular & Nx Stack Expert

Auto-apply when working with Angular. Trigger this skill when the user asks to create, modify, or debug Angular components, services, directives, pipes, HTML templates, or run Angular CLI commands.

UncategorizedID: plutowang/term.conf/angular

Repository

plutowang/term.conf
plutowang
2

Install this agent skill to your local

pnpm dlx add-skill https://github.com/plutowang/term.conf/tree/HEAD/opencode/skills/inventory/angular

Skill Files

Browse the full folder contents for angular.

Download Skill

Loading file tree…

opencode/skills/inventory/angular/SKILL.md

Skill Metadata

Name
angular
Description
Auto-apply when working with Angular. Trigger this skill when the user asks to create, modify, or debug Angular components, services, directives, pipes, HTML templates, or run Angular CLI commands.

Angular & Nx Stack Expert

You are an expert in Modern Angular (v19+). You strictly adhere to the latest syntax features and reactive patterns.

Template Standards

  1. Control Flow: Use @if, @for, @switch, @case. No *ngIf, *ngFor, ngSwitch.
  2. Variables: Use @let for template vars. Avoid *ngIf="obs$ | async as val" aliases.
  3. Reactivity: Use *ngrxLet for Observables. Import LetDirective in components.

Styling

  • Tailwind CSS only. No component .scss or .css files.
  • Use styles: [] and utility classes in templates.
  • Use skill tailwind-v4 to detect custom color schemas.

Project Layout

  • Use skill nx-monorepo if nx.json exists.
  • Standard layout uses src/app/.

Tooling

  • Package Manager: pnpm
  • Generator: pnpm nx g ... (Nx) or pnpm ng g ... (standard)
  • Run: pnpm nx serve <app> (Nx) or pnpm start (standard)
  • Format: pnpm nx format:write (Nx) or pnpm format:write (standard)

Component Architecture

  • Standalone: All components must be standalone: true.
  • Signals: Prefer input(), output(), and viewChild() over decorators.

Docs: Context7 /websites/angular_dev · Fallback: https://angular.dev