CtrlK
BlogDocsLog inGet started
Tessl Logo

angular-performance

Optimization techniques including OnPush, @defer, and Image Optimization. Use when optimizing Angular rendering, deferring blocks, or improving Core Web Vitals. (triggers: ChangeDetectionStrategy.OnPush, @defer, NgOptimizedImage, runOutsideAngular, OnPush)

90

Quality

87%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Discovery

89%

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 solid skill description with excellent trigger term coverage and clear 'when' guidance for Angular performance optimization. Its main weakness is that the 'what' portion describes topics rather than concrete actions—it says 'optimization techniques' rather than specifying what actions it performs with those techniques. The explicit trigger list is a strong differentiator.

Suggestions

Replace 'Optimization techniques including...' with concrete action verbs, e.g., 'Configures OnPush change detection, implements @defer blocks for lazy loading, and optimizes images with NgOptimizedImage directive.'

DimensionReasoningScore

Specificity

Names the domain (Angular optimization) and some specific techniques (OnPush, @defer, Image Optimization), but describes them as 'techniques' rather than listing concrete actions like 'configure change detection strategy', 'implement deferred loading blocks', or 'optimize images with NgOptimizedImage directive'.

2 / 3

Completeness

Clearly answers both 'what' (optimization techniques including OnPush, @defer, and Image Optimization) and 'when' (Use when optimizing Angular rendering, deferring blocks, or improving Core Web Vitals), with explicit trigger terms listed.

3 / 3

Trigger Term Quality

Includes excellent natural trigger terms that Angular developers would actually use: 'ChangeDetectionStrategy.OnPush', '@defer', 'NgOptimizedImage', 'runOutsideAngular', 'OnPush', 'Core Web Vitals'. These cover both the API names and conceptual terms users would mention.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with Angular-specific optimization triggers like 'ChangeDetectionStrategy.OnPush', '@defer', 'NgOptimizedImage', and 'runOutsideAngular' that are unlikely to conflict with other skills. The niche is clearly Angular performance optimization.

3 / 3

Total

11

/

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, concise performance optimization skill that efficiently communicates Angular best practices. Its main weakness is the lack of executable code examples — the guidance is specific but descriptive rather than copy-paste ready. Adding 2-3 short code snippets (e.g., an OnPush component, a @defer block, an NgOptimizedImage usage) would significantly improve actionability.

Suggestions

Add a short executable code example for an OnPush component with Signals, e.g., a minimal @Component decorator with changeDetection: ChangeDetectionStrategy.OnPush and a signal-based state pattern.

Add a concrete @defer template example showing the full syntax with @placeholder and a trigger, rather than only describing the API.

Add a before/after code snippet for the anti-pattern section showing a template function call replaced with a computed() signal.

DimensionReasoningScore

Conciseness

The content is lean and efficient. Every line conveys actionable information without explaining basic Angular concepts Claude already knows. Bold formatting highlights key terms without adding verbosity.

3 / 3

Actionability

Provides specific directives (use OnPush, use @defer with triggers, use ngSrc) but lacks executable code examples. The guidance is concrete in description but not copy-paste ready — no complete component snippets or template examples are provided.

2 / 3

Workflow Clarity

This is a single-purpose optimization reference skill, not a multi-step workflow. The content is clearly organized into principles, guidelines, and anti-patterns, making the single-task guidance unambiguous. No destructive or batch operations require validation checkpoints.

3 / 3

Progressive Disclosure

The skill is concise with well-organized sections (Principles, Guidelines, Anti-Patterns) and includes a clearly signaled one-level-deep reference to defer-usage.md. Content is appropriately split for a skill of this scope.

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
HoangNguyen0403/agent-skills-standard
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.