Structure Angular features with clear boundaries, DI, OnPush, and accessibility.
Scanned 9/3/2026
Install to Claude Code
Skills Directorynpx -y skills add Andersseen/agentyx --skill angular-architecture --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Angular Architecture?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/andersseen-angular-architecture)More formats (shields.io, HTML) on the badges page.
---
name: angular-architecture
description: Structure Angular features with clear boundaries, DI, OnPush, and accessibility.
---
# Angular architecture
Keep Angular structure feature-oriented and explicit.
## Boundaries
Group components, services, routes, and tests around features. Put state where it is owned: local
component state stays local, shared state belongs in a focused service, and global services should
be rare.
## Components and DI
Use services and dependency injection for reusable behavior and integration boundaries. Prefer
presentational/container separation only when it clarifies ownership or testing.
## Rendering
Design for `OnPush` and zoneless-compatible updates: signals, async pipe, explicit events, and clear
change notifications. Avoid code that depends on zone patching side effects.
## Accessibility
Preserve semantic HTML, labels, keyboard access, focus management, and ARIA only where semantics
need help.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
