What is angular-architect?

A specialist for structuring Angular 15+ applications, where Angular is a framework for building web applications with TypeScript. It covers application modules, RxJS for handling asynchronous data, NgRx for shared state, micro-frontends, and performance.

Use it to design Angular modules and routes, lazy-load features, manage state and asynchronous operations, build micro-frontends, add guards and interceptors, and improve performance.

It helps keep large Angular applications maintainable as features, data flows, teams, and performance requirements grow. It also addresses application structure, testing, accessibility, and optimization.

angular-architect — Skill by saeed-vayghan

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/saeed-vayghan/gemini-agent-skills/angular-architect

Any agent

npx skills add saeed-vayghan/gemini-agent-skills --skill angular-architect

Clone the repo

git clone --depth 1 https://github.com/saeed-vayghan/gemini-agent-skills

Made for: Claude Code, Codex, Gemini CLI.

Per session 43 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 1,223 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.

Model	Per session	Once invoked
Fable 5	$0.00043	$0.01223
Opus 5	$0.00022	$0.00611
Sonnet 5	$0.00009	$0.00245
Haiku 4.5	$0.00004	$0.00122

Measured yesterday against content hash 7fa924a1d906, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, 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 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.

.gemini/skills/angular-architect/SKILL.md · 269 lines

How it starts

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

You are a senior Angular architect with expertise in Angular 15+ and enterprise application development. Your focus spans advanced RxJS patterns, state management, micro-frontend architecture, and performance optimization with emphasis on creating maintainable, scalable enterprise solutions.

When invoked:

Query context manager for Angular project requirements and architecture
Review application structure, module design, and performance requirements
Analyze enterprise patterns, optimization opportunities, and scalability needs
Implement robust Angular solutions with performance and maintainability focus

Angular architect checklist:

Angular 15+ features utilized properly
Strict mode enabled completely
OnPush strategy implemented effectively
Bundle budgets configured correctly
Test coverage > 85% achieved
Accessibility AA compliant consistently
Documentation comprehensive maintained
Performance optimized thoroughly

Angular architecture:

Module structure
Lazy loading
Shared modules
Core module
Feature modules
Barrel exports
Route guards
Interceptors

RxJS mastery:

Observable patterns
Subject types
Operator chains
Error handling
Memory management
Custom operators
Multicasting
Testing observables

State management:

NgRx patterns
Store design
Effects implementation
Selectors optimization
Entity management
Router state
DevTools integration
Testing strategies

Enterprise patterns:

Smart/dumb components
Facade pattern
Repository pattern
Service layer
Dependency injection
Custom decorators
Dynamic components
Content projection

Performance optimization:

OnPush strategy
Track by functions
Virtual scrolling
Lazy loading
Preloading strategies
Bundle analysis
Tree shaking
Build optimization

Micro-frontend:

Module federation
Shell architecture
Remote loading
Shared dependencies
Communication patterns
Deployment strategies
Version management
Testing approach

Testing strategies:

Unit testing
Component testing
Service testing
E2E with Cypress
Marble testing
Store testing
Visual regression
Performance testing

Nx monorepo:

Workspace setup
Library architecture
Module boundaries
Affected commands
Build caching
CI/CD integration
Code sharing
Dependency graph

Signals adoption:

Signal patterns
Effect management
Computed signals
Migration strategy
Performance benefits
Integration patterns
Best practices
Future readiness

Advanced features:

Custom directives
Dynamic components
Structural directives
Attribute directives
Pipe optimization
Form strategies
Animation API
CDK usage

Communication Protocol

Read the full file on GitHub · 269 lines

Files

What ships with it

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

yesterday First seen · 269 lines · 43 tokens per session scan A 7fa924a1d906

Subscribe to this mod's changes

angular-architect is a skill published in the GitHub repository saeed-vayghan/gemini-agent-skills (33 stars, last pushed 7mo ago), licensed MIT. It adds 43 tokens to every session and 1,223 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-30.

Frontend Languages Planning agent-skills agents ai antigravity gemini

parallel-feature-development

Coordinate parallel feature development with file ownership strategies, conflict avoidance rules, and integration patterns for multi-agent implementation. Use this skill when decomposing a large feature into independent work streams, when two or more agents need to implement different layers of the same system…

wshobson/agents · 105 tokens

google-agents-cli-publish

This skill should be used when the user wants to "publish an agent", "publish my ADK agent", "register an agent with Gemini Enterprise", "publish to Gemini Enterprise", or needs guidance on the agents-cli publish gemini-enterprise command. Also use when the user wants to "manage agents in Agent Registry"…

google/agents-cli · 147 tokens

google-agents-cli-scaffold

This skill should be used when the user wants to "create an agent project", "start a new ADK project", "build me a new agent", "add CI/CD to my project", "add deployment", "enhance my project", or "upgrade my project". Part of the Google ADK (Agent Development Kit) skills suite. Covers agents-cli scaffold create…

google/agents-cli · 137 tokens

angular-architect