Angular Enterprise Architecture

Aplica aislamiento de características de carga perezosa y un grafo de dependencia unidireccional en aplicaciones Angular, con una configuración de límites ESLint para asegurarlo.

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

Probado · Funciona ★ 9.6/10

Angular Enterprise Architecture — Aplica aislamiento de características de carga perezosa y un grafo de dependencia unidireccional en aplicaciones Angular, con una configuración de límites ESLint para asegurarlo.

Qué hace

Proporciona reglas concretas de ubicación de carpetas para los bloques de construcción core/layout/ui/feature/pattern de Angular, una matriz de dependencia unidireccional y una configuración plana eslint-plugin-boundaries lista para usar para aplicarla en CI. Se activa al diseñar, revisar, refactorizar o aplicar arquitectura Angular, aislamiento de características de carga perezosa o decisiones de ubicación de carpetas.

Informe de la prueba

En una pregunta real sobre 'dos características necesitan el mismo componente de insignia', la respuesta de línea base (sin habilidad) aprobó una importación lateral directa entre características como un atajo aceptable; la respuesta de la habilidad lo prohibió, extrajo la parte genérica a ui/, y señaló la configuración eslint-plugin-boundaries incluida para convertir la violación en un error de lint en lugar de un error de revisión de código.

Probado el: 2026-07-16 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

  • /angular-enterprise-architectureAplica aislamiento de características de carga perezosa y un grafo de dependencia unidireccional en aplicaciones Angular, con una configuración de límites ESLint para asegurarlo.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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