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.

60

Quality

72%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/angular/angular-performance/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

77%

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 covers key Angular optimization techniques without unnecessary explanation. Its main weakness is the lack of executable code examples — adding concrete template/component snippets would significantly improve actionability. The progressive disclosure is adequate but could be expanded with additional reference files for the other topics covered.

Suggestions

Add concrete, copy-paste-ready code examples for at least OnPush component setup, @defer block usage, and the computed() signal anti-pattern fix (before/after).

Add reference files or links for NgOptimizedImage usage and Zoneless change detection, similar to the existing defer-usage.md reference.

DimensionReasoningScore

Conciseness

The content is lean and efficient. It avoids explaining what Angular change detection is or how lazy loading works conceptually. Every bullet delivers specific, actionable guidance without padding. Bold formatting highlights key terms without adding verbosity.

3 / 3

Actionability

The skill provides specific directives (use OnPush, use @defer with triggers, use ngSrc) and mentions concrete APIs, but lacks executable code examples. For instance, the @defer section describes syntax inline but doesn't show a complete template snippet, and the computed() signal anti-pattern fix is described rather than demonstrated with a before/after code block.

2 / 3

Workflow Clarity

This is a collection of optimization techniques rather than a multi-step workflow, so there's no sequential process requiring validation checkpoints. Each technique is clearly stated as an unambiguous single action, and the anti-patterns section provides clear guidance on what to avoid and what to use instead.

3 / 3

Progressive Disclosure

The skill references 'references/defer-usage.md' for deeper defer content, which is good progressive disclosure. However, the bundle has no files, so we can't verify the reference exists. Additionally, other topics like NgOptimizedImage and Zoneless could benefit from their own reference links for advanced details, and the single reference feels incomplete for the breadth of topics covered.

2 / 3

Total

10

/

12

Passed

Description

67%

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 a solid structure with an explicit 'Use when...' clause and names specific Angular optimization techniques. However, it reads more like a topic list than a set of concrete actions, and it misses common user trigger terms like 'performance', 'slow', 'change detection', and 'lazy loading' that would improve discoverability.

Suggestions

Rewrite capabilities as concrete actions, e.g., 'Configures OnPush change detection strategy, implements @defer blocks for lazy loading, and optimizes images for faster page loads.'

Add more natural trigger terms users would say, such as 'performance', 'slow rendering', 'change detection', 'lazy loading', 'bundle size', and 'page speed'.

DimensionReasoningScore

Specificity

Names the domain (Angular optimization) and lists some specific techniques (OnPush, @defer, Image Optimization), but doesn't describe concrete actions—it lists topics rather than actions like 'configure OnPush change detection' or 'implement lazy loading with @defer blocks'.

2 / 3

Completeness

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

3 / 3

Trigger Term Quality

Includes some relevant keywords like 'OnPush', '@defer', 'Image Optimization', 'Core Web Vitals', and 'Angular rendering', but misses common user terms like 'performance', 'lazy loading', 'change detection', 'slow rendering', or 'bundle size'.

2 / 3

Distinctiveness Conflict Risk

Fairly specific to Angular optimization, but 'optimization' and 'Core Web Vitals' are broad terms that could overlap with general web performance skills or other framework-specific optimization skills. The Angular-specific terms like OnPush and @defer help but the description could be more distinctive.

2 / 3

Total

9

/

12

Passed

Validation

81%

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

Validation9 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

Total

9

/

11

Passed

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.