Optimization techniques including OnPush, @defer, and Image Optimization. Use when optimizing Angular rendering, deferring blocks, or improving Core Web Vitals.
68
83%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
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.
The description is well-structured with a clear 'Use when' clause and good Angular-specific trigger terms that make it distinctly identifiable. Its main weakness is that it lists techniques rather than describing concrete actions the skill performs with those techniques, making the 'what' portion more of a topic list than an action list.
Suggestions
Reframe the capabilities as concrete actions rather than topic labels, e.g., 'Configures OnPush change detection strategy, implements @defer blocks for lazy loading, and applies Angular image directives for Core Web Vitals improvement.'
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Names the domain (Angular optimization) and lists some specific techniques (OnPush, @defer, Image Optimization), but doesn't describe concrete actions—it lists techniques rather than what the skill does with them (e.g., 'configure OnPush change detection', 'implement lazy loading with @defer blocks'). | 2 / 3 |
Completeness | Explicitly answers both 'what' (optimization techniques including OnPush, @defer, Image Optimization) and 'when' (Use when optimizing Angular rendering, deferring blocks, or improving Core Web Vitals). | 3 / 3 |
Trigger Term Quality | Includes strong natural keywords users would say: 'OnPush', '@defer', 'Image Optimization', 'Angular rendering', 'Core Web Vitals', 'deferring blocks'. These cover specific Angular optimization terms users would naturally mention. | 3 / 3 |
Distinctiveness Conflict Risk | Clearly scoped to Angular-specific optimization techniques with distinct triggers like OnPush, @defer, and Core Web Vitals that are unlikely to conflict with other skills. The niche is well-defined. | 3 / 3 |
Total | 11 / 12 Passed |
Implementation
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 efficiently communicates key Angular optimization techniques. Its main weakness is the lack of executable code examples—the guidance is specific but described inline rather than shown as copy-paste-ready snippets. The referenced defer-usage.md file is missing from the bundle, which undermines the progressive disclosure.
Suggestions
Add executable code snippets for key patterns: a component with OnPush + signals, a @defer block with @placeholder, and an ngSrc image tag replacement example.
Ensure the referenced 'references/defer-usage.md' file exists in the bundle, or remove the broken reference.
| Dimension | Reasoning | Score |
|---|---|---|
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 syntax, but lacks executable code examples. For instance, the @defer block, the computed() signal replacement, and the NgOptimizedImage usage would benefit from copy-paste-ready code snippets rather than inline descriptions. | 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 with its purpose and the guidance is unambiguous for each individual optimization action. | 3 / 3 |
Progressive Disclosure | There is a reference to 'references/defer-usage.md' for deeper content, which is good, but the bundle shows no such file exists. Other topics like NgOptimizedImage and OnPush could also benefit from separate reference files. The single-page structure is mostly appropriate for this scope but the broken reference is a concern. | 2 / 3 |
Total | 10 / 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.
Validation — 9 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
metadata_version | 'metadata.version' is missing | Warning |
metadata_field | 'metadata' should map string keys to string values | Warning |
Total | 9 / 11 Passed | |
3df717f
Table of Contents
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.