angular

Estrelas1

Forks0

Atualizado14 de maio de 2026 às 04:32

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.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Fonte

plutowang

plutowang/agent.files

Abrir repositório GitHub Ver repositórios do creator

Download

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Desenvolvedores de softwareInformática e Matemática·SOC 15-1252

SKILL.md

readonly

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

Control Flow: Use @if, @for, @switch, @case. No *ngIf, *ngFor, ngSwitch.
Variables: Use @let for template vars. Avoid *ngIf="obs$ | async as val" aliases.
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.

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: Always use input(), output(), viewChild() signal functions — never @Input(), @Output(), @ViewChild() decorators.
Reactivity: Use 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.
Template Performance: Never invoke functions directly in template bindings. Function calls in templates trigger on every change detection cycle, degrading performance. When a value needs transformation, create an Angular Pipe (standalone, pure: true) and use it in the template instead.
Unsubscribing: Use 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

Mais deste repositório

mesmo repositório

plutowang/agent.files

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.

2026-05-141

zig

plutowang/agent.files

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.

2026-04-211

agent-architect

plutowang/agent.files

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).

2026-04-181

agent-ingestor

plutowang/agent.files

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.

2026-04-181

aupc-auditor

plutowang/agent.files

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.

2026-04-181

ide-bootstrapper

plutowang/agent.files

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.

2026-04-181

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

Control Flow: Use @if, @for, @switch, @case. No *ngIf, *ngFor, ngSwitch.

Variables: Use @let for template vars. Avoid *ngIf="obs$ | async as val" aliases.

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.

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: Always use input(), output(), viewChild() signal functions — never @Input(), @Output(), @ViewChild() decorators.

Reactivity: Use 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.

Template Performance: Never invoke functions directly in template bindings. Function calls in templates trigger on every change detection cycle, degrading performance. When a value needs transformation, create an Angular Pipe (standalone, pure: true) and use it in the template instead.

Unsubscribing: Use 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