SkillProof tested Claude skills

Angular Architect

Genera el esqueleto de componentes standalone de Angular 17+, stores de NgRx y patrones de RxJS con tests.

Por Jeffallan · Jeffallan/claude-skills

Probado · Funciona ★ 9.2/10

Angular Architect — Genera el esqueleto de componentes standalone de Angular 17+, stores de NgRx y patrones de RxJS con tests.

Qué hace

Genera componentes standalone de Angular 17+ con inputs/outputs basados en signals, estado de NgRx (acciones/reducers/selectores) y patrones de RxJS usando detección de cambios OnPush. Se activa cuando un usuario pide construir funcionalidades de Angular 17+, configurar stores de NgRx, configurar enrutamiento con lazy-loading y guards, o ajustar el rendimiento y los tests de una app Angular. Incluye cinco archivos de referencia por tema (componentes, RxJS, NgRx, enrutamiento, testing) que se cargan bajo demanda en vez de inflar el SKILL.md principal.

Informe de la prueba

Un componente sin guía recurrió por defecto a los decoradores heredados @Input()/@Output(); la versión con la skill usó APIs modernas basadas en signals con OnPush explícito, una ganancia real de modernización, no solo de estilo.

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

Instalación

git clone https://github.com/Jeffallan/claude-skills
cd claude-skills
mkdir -p ~/.claude/skills
cp -r skills/angular-architect ~/.claude/skills/angular-architect

Comandos y prompts de ejemplo

  • /angular-architectGenera el esqueleto de componentes standalone de Angular 17+, stores de NgRx y patrones de RxJS con tests.

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

  • Scaffold an Angular 17 standalone component with signal inputs
  • Set up an NgRx store with actions, reducers, and selectors
  • Configure lazy-loaded Angular routes with guards and OnPush

Informe completo →