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.

68

Quality

82%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

64%

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

This is a solid Angular skill with excellent actionability through complete, executable code examples covering the key Angular 17+ patterns (standalone components, signals, NgRx, RxJS). The main weaknesses are moderate verbosity in the constraints section (listing things Claude already knows), and workflow validation steps that lack explicit feedback loops for error recovery. The progressive disclosure structure is well-designed in concept but the main file carries more inline content than an overview ideally should.

Suggestions

Trim the MUST DO / MUST NOT DO constraints to only Angular-specific gotchas Claude wouldn't already know (e.g., remove generic items like 'Implement proper error handling' and 'Follow Angular style guide').

Add explicit feedback loops to the workflow, e.g., 'If bundle size exceeds threshold → analyze with `npx source-map-explorer` → apply lazy loading or tree-shaking fixes → rebuild and re-check'.

Move the larger code examples (NgRx action/reducer/selector, RxJS patterns) into the referenced files and keep only a minimal quick-start example inline to better leverage the progressive disclosure structure.

DimensionReasoningScore

Conciseness

The skill is reasonably efficient but includes some unnecessary framing ('Senior Angular architect specializing in...') and the constraints section has items Claude already knows (e.g., 'Implement proper error handling', 'Follow Angular style guide'). The code examples are well-chosen but the overall document could be tightened.

2 / 3

Actionability

The skill provides fully executable, copy-paste-ready code examples for standalone components with signals, RxJS subscription management with takeUntilDestroyed, and NgRx action/reducer/selector patterns. Concrete commands like `ng build --configuration production` are included. The examples are complete and specific.

3 / 3

Workflow Clarity

The core workflow lists 6 steps with some validation checkpoints (Redux DevTools verification, production build check, coverage threshold), but the validation steps are somewhat implicit and lack feedback loops. For example, step 5 says to 'flag regressions' but doesn't specify what to do when regressions are found. The workflow is more of a high-level checklist than a clear sequence with error recovery.

2 / 3

Progressive Disclosure

The reference table with 'Load When' guidance is a good progressive disclosure pattern, pointing to 5 separate reference files. However, no bundle files were provided, so we cannot verify these references exist. The main SKILL.md also includes substantial inline code examples that could arguably live in the reference files, making the overview heavier than ideal.

2 / 3

Total

9

/

12

Passed

Description

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 separates what the skill does from when it should be used. The description is well-structured, uses third person voice throughout, and carves out a distinct niche that minimizes conflict with other frontend framework skills.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: generating standalone components, configuring routing with lazy loading and guards, implementing NgRx state management, applying RxJS patterns, and optimizing bundle performance.

3 / 3

Completeness

Clearly answers both what (generates components, configures routing, implements NgRx, applies RxJS patterns, optimizes performance) and when (explicit 'Use when...' clause covering building Angular 17+ apps, setting up NgRx stores, RxJS patterns, performance tuning, and writing tests).

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 generic frontend or React/Vue skills due to the specificity of the Angular ecosystem terms.

3 / 3

Total

12

/

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.