CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

95

1.38x
Quality

92%

Does it follow best practices?

Impact

97%

1.38x

Average score across 6 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Discovery

100%

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

This is a strong skill description that clearly articulates specific capabilities, includes comprehensive trigger terms that Angular developers would naturally use, and explicitly states both what the skill does and when to use it. The description is well-scoped to Angular 17+ enterprise development, making it highly distinguishable from other frontend framework skills.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: generates standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance.

3 / 3

Completeness

Clearly answers both 'what' (generates components, configures routing, implements NgRx, applies RxJS patterns, optimizes performance) and 'when' with an explicit 'Use when...' clause listing specific trigger scenarios.

3 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: 'Angular 17+', 'standalone components', 'signals', 'NgRx', 'RxJS', 'lazy loading', 'guards', 'bundle performance', 'Angular tests', 'enterprise apps'. These are terms Angular developers naturally use.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche: Angular 17+ with specific technologies like NgRx, RxJS, standalone components, and signals. Unlikely to conflict with general frontend or React/Vue skills due to the Angular-specific terminology throughout.

3 / 3

Total

12

/

12

Passed

Implementation

85%

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

This is a well-structured Angular skill with excellent progressive disclosure via the reference table, strong actionability through complete executable code examples, and clear workflow with validation checkpoints. The main weaknesses are minor verbosity in the constraints section (listing things Claude already knows) and the somewhat generic opening description and output templates section. Overall it's a high-quality skill that effectively teaches Angular 17+ patterns.

Suggestions

Trim the MUST DO/MUST NOT DO lists to only Angular-specific constraints that Claude wouldn't already know (e.g., remove generic items like 'implement proper error handling' and 'skip accessibility attributes').

Replace the vague 'Output Templates' section with a concrete example of what a complete feature implementation deliverable looks like, or remove it entirely since the code examples already demonstrate the patterns.

DimensionReasoningScore

Conciseness

The skill is mostly efficient with good code examples, but includes some unnecessary framing ('Senior Angular architect specializing in...') and the MUST DO/MUST NOT DO lists contain items Claude already knows (e.g., 'implement proper error handling', 'skip accessibility attributes'). The output templates section is vague and adds little value.

2 / 3

Actionability

The code examples are fully executable and copy-paste ready — the standalone component with signals, takeUntilDestroyed pattern, and NgRx action/reducer/selector are all concrete, complete, and demonstrate modern Angular 17+ patterns. Specific commands like `ng build --configuration production` are included.

3 / 3

Workflow Clarity

The core workflow has clear sequencing with explicit validation checkpoints: verifying store hydration with Redux DevTools before proceeding, running production builds to check bundle size, and verifying coverage thresholds. These represent meaningful feedback loops for the described operations.

3 / 3

Progressive Disclosure

The reference guide table is excellently structured with clear one-level-deep references to specific files, each with a 'Load When' column that signals exactly when to consult them. The main skill provides a concise overview with key patterns inline while deferring detailed guidance to reference files.

3 / 3

Total

11

/

12

Passed

Validation

100%

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

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
jeffallan/claude-skills
Reviewed

Table of Contents

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.