angular-architect
Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.
Install with Tessl CLI
npx tessl i github:jeffallan/claude-skills --skill angular-architectOverall
score
61%
Does it follow best practices?
If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:
npx tessl skill review --optimize ./path/to/skillValidation for skill structure
Discovery
72%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
The description has strong trigger term coverage and clear distinctiveness for Angular development, but lacks specificity about what concrete actions the skill performs. It reads more like a topic list than a capability description, telling Claude when to use it but not what it will actually do.
Suggestions
Add concrete actions describing what the skill does, e.g., 'Generates Angular 17+ components, configures routing, implements NgRx stores, and optimizes performance'
Restructure to lead with capabilities before the 'Use when' clause to clearly answer 'what does this do' first
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Names the domain (Angular 17+) and lists several areas (standalone components, signals, RxJS, NgRx, routing, performance) but doesn't describe concrete actions - it lists topics rather than specific capabilities like 'create components', 'configure routes', or 'implement state management'. | 2 / 3 |
Completeness | Has a 'Use when' clause which is good, but the 'what' portion is weak - it lists topics/technologies rather than explaining what the skill actually does. The description tells when to invoke but not what actions or outputs to expect. | 2 / 3 |
Trigger Term Quality | Good coverage of natural terms users would say: 'Angular', 'standalone components', 'signals', 'enterprise apps', 'RxJS', 'NgRx', 'state management', 'routing', 'performance optimization' - these are terms developers naturally use when seeking Angular help. | 3 / 3 |
Distinctiveness Conflict Risk | Clearly distinguishable with specific Angular 17+ focus, standalone components, signals, and NgRx - these are distinct enough to avoid conflicts with generic web development or other framework skills. | 3 / 3 |
Total | 10 / 12 Passed |
Implementation
42%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This skill has strong organizational structure with good progressive disclosure through reference files, but critically lacks actionable code examples. It reads more like a checklist of best practices than executable guidance. The constraints are useful but would benefit from concrete examples showing correct vs incorrect patterns.
Suggestions
Add executable code examples for key patterns: a standalone component with signals, an OnPush component with proper change detection, and an RxJS subscription with proper cleanup
Include a concrete NgRx example showing store setup, action, reducer, and selector in minimal form
Add validation checkpoints to the Core Workflow, such as 'Run ng build --configuration production to verify bundle size' after optimization step
Remove or condense the 'Role Definition' and 'Knowledge Reference' sections as they don't provide actionable guidance
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The content is reasonably efficient but includes some unnecessary elements like the 'Role Definition' section that explains Claude's persona rather than actionable guidance. The 'Knowledge Reference' section is a keyword list that adds little value. | 2 / 3 |
Actionability | The skill lacks any concrete, executable code examples. It describes what to do ('Use standalone components', 'Use OnPush change detection') but provides no actual implementation code, commands, or copy-paste ready snippets. | 1 / 3 |
Workflow Clarity | The 'Core Workflow' provides a clear 6-step sequence, but lacks validation checkpoints or feedback loops. For complex Angular development involving state management and testing, there's no guidance on when to verify or how to recover from errors. | 2 / 3 |
Progressive Disclosure | Excellent structure with a clear reference table pointing to topic-specific files (components.md, rxjs.md, etc.) with explicit 'Load When' guidance. References are one level deep and well-signaled. | 3 / 3 |
Total | 8 / 12 Passed |
Validation
75%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 12 / 16 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
metadata_version | 'metadata' field is not a dictionary | Warning |
license_field | 'license' field is missing | Warning |
frontmatter_unknown_keys | Unknown frontmatter key(s) found; consider removing or moving to metadata | Warning |
body_examples | No examples detected (no code fences and no 'Example' wording) | Warning |
Total | 12 / 16 Passed | |
- 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.