angular-architect

Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps.

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Failed to scan

The risk profile of this skill

Quality

Content

85%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured body with executable patterns, a validated workflow, and clean progressive disclosure into real reference files. The main weaknesses are minor: a few generic best-practice bullets and a missing import in one code example.

Suggestions

Remove or tighten generic MUST DO/MUST NOT DO items like 'Use strict TypeScript configuration' and 'Follow Angular style guide' that Claude already knows, keeping only Angular-specific guidance.

Fix the takeUntilDestroyed example by adding DestroyRef to the @angular/core import so the code is copy-paste runnable.

Dimension	Reasoning	Score
Conciseness	Mostly lean with complete code examples and a compact workflow, but the MUST DO / MUST NOT DO lists include generic reminders Claude already knows ('Use strict TypeScript configuration', 'Follow Angular style guide') that could be trimmed.	4 / 5
Actionability	Provides concrete, executable code for standalone components, RxJS, and NgRx plus a real build command, but the takeUntilDestroyed example references inject(DestroyRef) without importing DestroyRef — a minor copy-paste gap.	4 / 5
Workflow Clarity	The six-step Core Workflow is clearly sequenced and embeds explicit validation checkpoints ('verify store hydration... before proceeding', 'run ng build --configuration production to verify bundle size and flag regressions', 'verify >85% coverage threshold is met').	5 / 5
Progressive Disclosure	Well-signaled one-level-deep references via the Reference Guide table (each row has a 'Load When' condition), key patterns kept inline, and all five referenced files (components.md, rxjs.md, ngrx.md, routing.md, testing.md) exist in the bundle.	5 / 5
	Total	18 / 20 Passed

Description

92%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A tight, third-person description that pairs concrete capabilities with explicit, Angular-scoped 'Use when' triggers. The only gap is slight synonym/extension breadth in the trigger terms.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions — 'Generates Angular 17+ standalone components', 'configures advanced routing with lazy loading and guards', 'implements NgRx state management', 'applies RxJS patterns', 'optimizes bundle performance' — with comprehensive coverage of the skill's capabilities.	5 / 5
Completeness	Explicitly answers both 'what' (generates components, configures routing, implements NgRx, applies RxJS, optimizes bundle) and 'when' via a concrete 'Use when building Angular 17+ applications... setting up NgRx stores... performance tuning, or writing Angular tests' trigger clause.	5 / 5
Trigger Term Quality	Strong natural-term coverage (Angular 17+, standalone components, signals, NgRx, RxJS, performance tuning, Angular tests) but missing a few natural synonyms a user might say such as 'Angular CLI', 'Angular Material', or '.ts' files; not quite the full synonym/extension breadth of a 5.	4 / 5
Distinctiveness Conflict Risk	Angular-specific niche with distinct triggers (NgRx, RxJS, signals, standalone components); the test-related trigger is scoped to Angular tests, keeping conflict with generic test/typescript skills minimal.	5 / 5
	Total	19 / 20 Passed

Validation

100%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: jeffallan/claude-skills
Path: skills/angular-architect/SKILL.md
Commit: 882ef55

Reviewed: 3 days ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.