CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

70

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

78%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.

Well-structured content with executable code examples, explicit verification checkpoints in the workflow, and exemplary progressive disclosure via a condition-based reference table. The main improvement areas are removing redundancy between the constraints and workflow sections and adding error-recovery guidance for the verification steps.

Suggestions

Fix the RxJS example to import DestroyRef from '@angular/core' so the snippet is fully executable, and replace the 'template: `...`' placeholder with a minimal real template.

Add explicit error-recovery loops to the workflow (e.g., what to do when the production build regresses bundle size or the >85% coverage threshold is not met).

De-duplicate guidance repeated between the Core Workflow and Constraints sections (e.g., the >85% coverage rule appears in both) to tighten token usage.

DimensionReasoningScore

Conciseness

Mostly efficient: the reference table and constraints are terse and the code examples earn their tokens. Minor trimming possible — the 'Senior Angular architect specializing in...' intro, footer attribution, and constraints that restate workflow items ('Write tests with >85% coverage' appears in both the workflow and MUST DO lists).

4 / 5

Actionability

Three nearly copy-paste-ready TypeScript examples plus concrete commands ('ng build --configuration production'). Minor gaps: the RxJS example uses DestroyRef without importing it, and 'template: `...`' is a placeholder — so not fully executable as-is.

4 / 5

Workflow Clarity

A clear six-step sequence with explicit checkpoints ('verify store hydration and action flow with Redux DevTools before proceeding', 'verify >85% coverage threshold is met'). Falls short of 5 because there are no error-recovery loops for when the build regresses or coverage falls short.

4 / 5

Progressive Disclosure

Clear overview with a Load-When table pointing to five real one-level-deep reference files (all verified to exist: components.md, rxjs.md, ngrx.md, routing.md, testing.md); inline content is representative quick-start material rather than an inlined API dump.

5 / 5

Total

17

/

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 strong description with specific, comprehensive capability statements and an explicit 'Use when' trigger clause. Trigger terms are natural and well-aligned to how users describe Angular work, with only minor synonym coverage missing.

Suggestions

Add a few natural trigger synonyms such as 'TypeScript frontend' or component/service/directive-level terms to broaden keyword coverage.

DimensionReasoningScore

Specificity

Lists five concrete, distinct actions ('Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance') with comprehensive coverage and no real gaps.

5 / 5

Completeness

Explicitly answers both: a clear multi-action 'what' followed by 'Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, ... or writing Angular tests for enterprise apps'.

5 / 5

Trigger Term Quality

Natural phrases like 'standalone components', 'signals', 'NgRx stores', 'RxJS reactive patterns', and 'Angular tests' are present, but a few natural terms are missing — no 'TypeScript', no service/directive-level vocabulary, and no file extensions.

4 / 5

Distinctiveness Conflict Risk

Clear Angular 17+ frontend niche with Angular-specific triggers throughout; overlap with generic frontend or TypeScript skills is minimal.

5 / 5

Total

19

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

Jeffallan/claude-skills

Path

skills/angular-architect/SKILL.md

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.