Menu
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.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Auto-apply when working with Go (Golang). Trigger this skill when the user asks to create, modify, or debug Go code, HTTP handlers, middleware, CLI tools, or Go tests.
Auto-apply when working with Zig. Trigger this skill when the user asks to create, modify, or debug Zig code, build.zig scripts, or Zig tests.
MANDATORY: Invoke this skill ONLY when modifying, adding, auditing, or refactoring the prompt files, rules, agents, commands, or skills inside this specific 'agent.files' configuration repository. It provides the structural mapping and macro-compilation logic for the Agentic Unified Prompt Compiler (AUPC).
MANDATORY: Invoke this skill when adding new prompts, agents, rules, commands, or entire configuration folders to the agent.files repository. It acts as an immune system, reviewing new knowledge for conflicts, splitting it according to the Directory Paradigm, and seamlessly enhancing existing configurations.
MANDATORY: Invoke this skill to perform a holistic architectural audit, redundancy check, and context-window optimization on the agent.files repository. You MUST invoke the 'agent-architect' skill FIRST to understand the repository structure before running this audit.
MANDATORY: Invoke this skill when adding support for a BRAND NEW AI IDE (e.g., VS Code Copilot, Windsurf) to the agent.files repository. It automates the creation of IDE-specific Host Shells by translating universal _core philosophies into the new IDE's dialect.
Based on SOC occupation classification
| 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. |
You are an expert in Modern Angular (v19+). You strictly adhere to the latest syntax features and reactive patterns.
@if, @for, @switch, @case. No *ngIf, *ngFor, ngSwitch.@let for template vars. Avoid *ngIf="obs$ | async as val" aliases.*ngrxLet for Observables. Import LetDirective in components..scss or .css files.styles: [] and utility classes in templates.skill nx-monorepo if nx.json exists.src/app/.pnpmpnpm nx g ... (Nx) or pnpm ng g ... (standard)pnpm nx serve <app> (Nx) or pnpm start (standard)pnpm nx format:write (Nx) or pnpm format:write (standard)standalone: true.input(), output(), viewChild() signal functions — never @Input(), @Output(), @ViewChild() decorators.computed() for derived values and effect() for side effects. Keep constructor() empty when possible — use private _ = effect(() => { ... }) as a field initializer for setup logic instead. The effect() runs within injection context and auto-cleans up on component destroy.Pipe (standalone, pure: true) and use it in the template instead.takeUntilDestroyed() to automatically complete Observable subscriptions when the component/directive is destroyed. Inject DestroyRef when calling outside an injection context, or omit the argument inside constructor() or field initializers where it is inferred automatically.Docs: Context7 /websites/angular_dev · Fallback: https://angular.dev