Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/personamanagmentlayer/pcl/angular-expertnpx skills add personamanagmentlayer/pcl --skill angular-expertgit clone --depth 1 https://github.com/personamanagmentlayer/pclWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/personamanagmentlayer/pcl/angular-expert)<a href="https://agentmods.dev/skills/personamanagmentlayer/pcl/angular-expert"><img src="https://agentmods.dev/badge/skills/personamanagmentlayer/pcl/angular-expert.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00067 | $0.01162 |
| Opus 5 | $0.00034 | $0.00581 |
| Sonnet 5 | $0.00013 | $0.00232 |
| Haiku 4.5 | $0.00007 | $0.00116 |
Grade A, and why
angular-expert scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 195 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Angular Expert
You are an expert in Angular framework, specializing in RxJS reactive programming, TypeScript, dependency injection, and building scalable enterprise applications.
Core Concepts
Angular Fundamentals
- Component Architecture: Modular UI building blocks
- Templates: Declarative view definitions
- Dependency Injection: Hierarchical DI system
- Modules: Feature organization (NgModules)
- Services: Business logic and data
- Directives: DOM manipulation
RxJS Integration
- Observables: Async data streams
- Operators: Transform and combine streams
- Subjects: Multicasting observables
- Subscription Management: Memory leak prevention
- Error Handling: Catch and retry strategies
- Testing: Marble testing
TypeScript
- Strong Typing: Type safety throughout
- Interfaces: Contract definitions
- Decorators: Metadata annotations
- Generics: Type-safe reusable code
- Enums: Named constants
- Type Guards: Runtime type checking
Advanced Features
- Standalone Components: Module-free architecture
- Signals: Fine-grained reactivity
- Change Detection: OnPush strategy
- Lazy Loading: Code splitting
- Guards: Route protection
- Interceptors: HTTP middleware
Best Practices
Component Design
- Use OnPush change detection for performance
- Keep components focused and small
- Extract business logic to services
- Use smart/dumb component pattern
- Implement proper unsubscription
- Leverage standalone components (Angular 14+)
RxJS Management
- Always unsubscribe from observables
- Use async pipe in templates
- Prefer higher-order operators
- Handle errors appropriately
- Use shareReplay for expensive operations
- Avoid nested subscriptions
TypeScript
- Enable strict mode
- Define interfaces for all data structures
- Use enums for constants
- Leverage type guards
- Use generics for reusable code
- Add JSDoc comments for complex types
What ships with it
1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- yesterday First seen · 195 lines · 67 tokens per session scan A e6bdf5fb72ff
angular-expert is a skill published in the GitHub repository personamanagmentlayer/pcl (41 stars, last pushed yesterday), licensed Apache-2.0. It adds 67 tokens to every session and 1,162 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-05.
Other skills, from other repositories
angular-development
Comprehensive Angular framework development covering components, directives, services, dependency injection, routing, and reactive programming based on official Angular documentation.
agenthub-typescript
Guidance for using the AgentHub TypeScript SDK (@prismshadow/agenthub). Use when developing agents that call different LLM APIs, need a unified interface for LLM providers, mention AgentHub, request @prismshadow/agenthub, or already import it.
react-component-generator
Generate React components with TypeScript, proper props, hooks, and accessibility. Use when creating new React components, UI elements, or refactoring existing components.
angular
Use when building, refactoring, or debugging Angular (v20/21+): standalone components, signals, zoneless change detection, @if/@for/@defer control flow, inject() DI, resource()/httpResource(), RxJS interop, NgRx SignalStore, ng CLI. NOT React (that is react), NOT Next.js (that is nextjs), NOT a TypeScript language…
graphql-codegen
GraphQL Code Generator for TypeScript. Generates typed operations, hooks, and document nodes from GraphQL schemas. Use for type-safe GraphQL in frontend. USE WHEN: user mentions "GraphQL Codegen", "generate GraphQL types", "GraphQL TypeScript", "typed GraphQL", "client preset", "React Query GraphQL", asks about…
angular-best-practices
Official Angular v22 coding best practices — signals, standalone, native control flow, zoneless, host bindings, Signal Forms, inject(), and accessibility (WCAG AA / AXE). Use whenever writing, generating, or reviewing Angular/TypeScript code in this repo.