CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

angular-performance

Optimization techniques including OnPush, @defer, and Image Optimization. Use when optimizing Angular rendering, deferring blocks, or improving Core Web Vitals.

64

Quality

81%

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.

A compact, well-structured Angular performance reference with concrete API names and a properly linked one-level-deep reference file. The main improvements are removing the duplicated 'Canonical response anchors' section, fixing the React-style <Spinner /> snippet in an Angular template, and completing the <img ngSrc> example.

Suggestions

Remove or merge the 'Canonical response anchors' section, which restates phrases already present in the body (replaces trackBy, caches until dependencies change, srcset) and adds token cost without new information.

Fix non-Angular/incomplete snippets: replace '@placeholder { <Spinner /> }' with Angular component syntax and complete the "<img ngSrc='...' width='800' height='600'>" example into copy-paste-ready markup.

Clarify or drop the unexplained '## **Priority: P1 (HIGH)**' header, which floats between the title and Principles without context for how priority should be applied.

DimensionReasoningScore

Conciseness

Lean, well-sectioned bullets that assume Angular competence with no concept re-teaching. Falls short of a 5 because the 'Canonical response anchors' section duplicates phrases already stated in the body ("replaces trackBy", "caches until dependencies change", "srcset").

4 / 5

Actionability

Gives concrete API-level guidance ("@for (item of items; track item.id)", "ngSrc", "provideExperimentalZonelessChangeDetection()"), but snippets are fragments rather than executable examples: "<img ngSrc='...' width='800' height='600'>" is incomplete markup and "@placeholder { <Spinner /> }" uses React JSX inside an Angular template.

4 / 5

Workflow Clarity

A single-purpose guidelines skill with clearly organized, unambiguous rules (Principles / Guidelines / Anti-Patterns) and no risky operations requiring validation checkpoints. Not a 5 because the floating "Priority: P1 (HIGH)" header is unexplained and no ordering guidance ties the sections together.

4 / 5

Progressive Disclosure

Under 50 lines with well-organized sections; the single reference (references/defer-usage.md) exists, is clearly signaled under '## References', and is exactly one level deep with no nested references.

5 / 5

Total

17

/

20

Passed

Description

78%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 that pairs an explicit 'Use when' trigger clause with a concrete enumeration of Angular performance techniques. Its only weakness is the nominal 'what' phrasing ('Optimization techniques including...') rather than direct action verbs, and a few missing natural synonyms like 'lazy loading' or 'change detection'.

DimensionReasoningScore

Specificity

Names the Angular performance domain and several concrete capabilities ("OnPush, @defer, and Image Optimization", "optimizing Angular rendering, deferring blocks, or improving Core Web Vitals"). Falls short of a 5 because the 'what' is a noun-phrase enumeration of techniques rather than explicit action statements.

4 / 5

Completeness

Both parts are present: a 'what' ("Optimization techniques including OnPush, @defer, and Image Optimization") and an explicit 'Use when...' clause with concrete triggers. Not a 5 because the 'what' lacks action verbs, keeping it below the 'clearly and explicitly answers both' anchor.

4 / 5

Trigger Term Quality

Includes natural user phrases ("optimizing Angular rendering", "deferring blocks", "improving Core Web Vitals") alongside API keywords, but misses common variations like 'lazy loading', 'change detection', or 'LCP'.

4 / 5

Distinctiveness Conflict Risk

Clear Angular-performance niche with distinct API-level triggers (OnPush, @defer, Core Web Vitals); minimal overlap risk with other skills.

5 / 5

Total

17

/

20

Passed

Validation

87%

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

Validation — 14 / 16 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

14

/

16

Passed

Repository

HoangNguyen0403/agent-skills-standard

Path

skills/angular/angular-performance/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.