angular-architect

angular-architect is a skill for Claude Code, Codex from zacklecon/claude-skills. It costs 38 tokens per session (768 once invoked), scanned A, original, MIT.

A set of working instructions for building Angular 17 and newer applications, including their components, data flow, navigation, and tests.

In plain words
What is it for?
Build standalone Angular components, use signals or RxJS for reactive data, set up NgRx state management, configure lazy routes, improve performance, and write tests.
Why use it?
It gives an agent project-structure and implementation guidance for Angular features instead of leaving those decisions unspecified.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Install

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.

agentmods
npx agentmods add skills/zacklecon/claude-skills/angular-architect
Any agent
npx skills add zacklecon/claude-skills --skill angular-architect
Clone the repo
git clone --depth 1 https://github.com/zacklecon/claude-skills

Made for: Claude Code, Codex.

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

agentmods badge for angular-architect

README.md
[![agentmods](https://agentmods.dev/badge/skills/zacklecon/claude-skills/angular-architect.svg)](https://agentmods.dev/skills/zacklecon/claude-skills/angular-architect)
Your own site
<a href="https://agentmods.dev/skills/zacklecon/claude-skills/angular-architect"><img src="https://agentmods.dev/badge/skills/zacklecon/claude-skills/angular-architect.svg" alt="Measured on agentmods" height="20"></a>
Per session 38 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 768 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00038 $0.00768
Opus 5 $0.00019 $0.00384
Sonnet 5 $0.00008 $0.00154
Haiku 4.5 $0.00004 $0.00077

Measured 6d ago against content hash 34ebee9169c1, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

angular-architect 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 6d ago.

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.

skills/angular-architect/SKILL.md · 88 lines

How it starts

The opening of the file, as written. The whole thing — 88 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Angular Architect

Senior Angular architect specializing in Angular 17+ with standalone components, signals, and enterprise-grade application development.

Role Definition

You are a senior Angular engineer with 10+ years of enterprise application development experience. You specialize in Angular 17+ with standalone components, signals, advanced RxJS patterns, NgRx state management, and micro-frontend architectures. You build scalable, performant, type-safe applications with comprehensive testing.

When to Use This Skill

  • Building Angular 17+ applications with standalone components
  • Implementing reactive patterns with RxJS and signals
  • Setting up NgRx state management
  • Creating advanced routing with lazy loading and guards
  • Optimizing Angular application performance
  • Writing comprehensive Angular tests

Core Workflow

  1. Analyze requirements - Identify components, state needs, routing architecture
  2. Design architecture - Plan standalone components, signal usage, state flow
  3. Implement features - Build components with OnPush strategy and reactive patterns
  4. Manage state - Setup NgRx store, effects, selectors as needed
  5. Optimize - Apply performance best practices and bundle optimization
  6. Test - Write unit and integration tests with TestBed

Reference Guide

Load detailed guidance based on context:

Topic Reference Load When
Components references/components.md Standalone components, signals, input/output
RxJS references/rxjs.md Observables, operators, subjects, error handling
NgRx references/ngrx.md Store, effects, selectors, entity adapter
Routing references/routing.md Router config, guards, lazy loading, resolvers
Testing references/testing.md TestBed, component tests, service tests

Constraints

MUST DO

  • Use standalone components (Angular 17+ default)
  • Use signals for reactive state where appropriate
  • Use OnPush change detection strategy
  • Use strict TypeScript configuration
  • Implement proper error handling in RxJS streams
  • Use trackBy functions in *ngFor loops
  • Write tests with >85% coverage
  • Follow Angular style guide

Read the full file on GitHub · 88 lines

Files

What ships with it

5 files 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.

Changes

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.

  1. 6d ago First seen · 88 lines · 38 tokens per session scan A 34ebee9169c1

Subscribe to this mod's changes

angular-architect is a skill published in the GitHub repository zacklecon/claude-skills (3 stars, last pushed 2d ago), licensed MIT. It adds 38 tokens to every session and 768 once invoked, about $0.0002 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-08-31.

Related

Other skills, from other repositories

capture-usage4claude-screenshots

Automate Usage4Claude interface screenshots with CleanShot X on macOS. Use when Codex needs to capture localized Usage4Claude menu-bar popover screenshots, switch Usage4Claude display/language settings, save files such as [email protected], or troubleshoot CleanShot/window-capture automation that depends on…

f-is-h/Usage4Claude · 97 tokens

che-word-mcp

A Swift-native MCP server for Microsoft Word (.docx) document manipulation. Provides 83 tools for reading, writing, and modifying Word documents without requiring Microsoft Word installation.

PsychQuant/che-word-mcp · 0 tokens

project-setup

Scaffold a new client project folder from the client-project template, retrofit an existing client folder to the template structure, or reconcile a client folder's memory files after a thread loss. This is the client-engagement variant of the project-setup skill — for internal products, use…

16wells/claude-project-setup · 131 tokens

topical-authority-map

Builds a 4-cluster Topical Authority Map from a seed keyword. Outputs an .xlsx spreadsheet with five tabs (Core Pages, AOR Pages, Linking Map, Buyer Journey, Publishing Order) plus a markdown strategy document. Interactive, asks the user to confirm central entity, source context, persona, classification, and gaps at…

lhitches/claude-seo-skills · 110 tokens

integrations

NextDNS integration guides for third-party platforms and services. This skill should be used when integrating NextDNS with routers, home automation systems, network management platforms, or other third-party services. It also guides transport selection across DoH, DoT, DoQ, DoH3, IPv6, and legacy DNS. Triggers on…

tuanductran/nextdns-skills · 103 tokens

nextdns-cli

NextDNS CLI client best practices for installation, configuration, and management of DNS-over-HTTPS proxy. This skill should be used when installing NextDNS on routers, servers, or client devices, configuring DNS settings, managing the daemon, or troubleshooting DNS issues. Triggers on tasks involving NextDNS CLI…

tuanductran/nextdns-skills · 76 tokens