Angular Enterprise Architecture

Impose l'isolation des fonctionnalités paresseuses et un graphe de dépendances unidirectionnel dans les applications Angular, avec une configuration ESLint boundaries pour le verrouiller.

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

Testé · Fonctionne ★ 9.6/10

Angular Enterprise Architecture — Impose l'isolation des fonctionnalités paresseuses et un graphe de dépendances unidirectionnel dans les applications Angular, avec une configuration ESLint boundaries pour le verrouiller.

Ce que fait

Donne des règles concrètes de placement de dossiers pour les blocs de construction core/layout/ui/feature/pattern d'Angular, une matrice de dépendances unidirectionnelle, et une configuration plate eslint-plugin-boundaries prête à l'emploi pour l'appliquer en CI. Se déclenche lors de la conception, de la revue, de la refactorisation, ou de l'application de l'architecture Angular, de l'isolation des fonctionnalités paresseuses, ou des décisions de placement de dossiers.

Rapport de test

Sur une vraie question 'deux fonctionnalités ont besoin du même composant badge', la réponse de base (sans compétence) a accepté une importation latérale directe entre les fonctionnalités comme raccourci acceptable ; la réponse de la compétence l'a interdite, a extrait la partie générique vers ui/, et a pointé vers la configuration eslint-plugin-boundaries groupée pour faire de la violation une erreur de lint plutôt qu'un manquement à la revue de code.

Testé le: 2026-07-16 · Claude Code 2.x (agent harness)

Installation

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

Commandes et exemples de prompts

  • /angular-enterprise-architectureImpose l'isolation des fonctionnalités paresseuses et un graphe de dépendances unidirectionnel dans les applications Angular, avec une configuration ESLint boundaries pour le verrouiller.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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