Angular Enterprise Architecture

Dwingt lazy-feature-isolatie en een eenrichtings-afhankelijkheidsgraaf af in Angular-apps, met een ESLint boundaries-configuratie om het vast te zetten.

Door angular-experts-io · angular-experts-io/ax-skills

Getest · Werkt ★ 9.6/10

Angular Enterprise Architecture — Dwingt lazy-feature-isolatie en een eenrichtings-afhankelijkheidsgraaf af in Angular-apps, met een ESLint boundaries-configuratie om het vast te zetten.

Wat het doet

Geeft concrete map-plaatsingsregels voor Angular's core/layout/ui/feature/pattern bouwstenen, een eenrichtings-afhankelijkheidsmatrix, en een kant-en-klare eslint-plugin-boundaries flat config om dit af te dwingen in CI. Wordt geactiveerd bij het ontwerpen, beoordelen, refactoren of afdwingen van Angular-architectuur, lazy-feature-isolatie of map-plaatsingsbeslissingen.

Testrapport

Bij een echte vraag 'twee features hebben dezelfde badgecomponent nodig', keurde het basislijn (zonder skill) antwoord een directe zijwaartse import tussen features goed als een acceptabele snelkoppeling; het antwoord van de skill verbood dit, extraheerde het generieke deel naar ui/, en wees naar de gebundelde eslint-plugin-boundaries configuratie om de overtreding een lintfout te maken in plaats van een gemiste code review.

Getest op: 2026-07-16 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/angular-experts-io/ax-skills
mkdir -p ~/.claude/skills
cp -r ax-skills/angular-enterprise-architecture ~/.claude/skills/angular-enterprise-architecture

Commando's en voorbeeldprompts

  • /angular-enterprise-architectureDwingt lazy-feature-isolatie en een eenrichtings-afhankelijkheidsgraaf af in Angular-apps, met een ESLint boundaries-configuratie om het vast te zetten.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Where should this shared badge component live in my Angular app?
  • Review my Angular feature module for improper cross-feature imports
  • Set up an ESLint boundaries config to enforce my Angular architecture