CtrlK
BlogDocsLog inGet started
Tessl Logo

angular-best-practices

Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.

56

Quality

66%

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 ./plugins/antigravity-awesome-skills-claude/skills/angular-best-practices/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

64%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a comprehensive, highly actionable Angular performance guide with excellent executable code examples and clear CORRECT/WRONG patterns. Its main weaknesses are its length (could benefit from splitting into sub-files for progressive disclosure) and the lack of validation/verification steps for confirming that optimizations are working. Minor verbosity in explanatory sections could be trimmed.

Suggestions

Add verification steps for key optimizations (e.g., 'Run `ng build --stats-json` and check bundle analyzer to confirm lazy loading reduced main bundle size', 'Use Angular DevTools to verify OnPush is active').

Split detailed sections (SSR, State Management, Memory Management) into separate reference files and keep SKILL.md as a concise overview with links, reducing the main file to ~150 lines.

Remove the 'When to Use' section and 'Limitations' boilerplate — Claude can infer when to apply Angular performance rules from context.

DimensionReasoningScore

Conciseness

The skill is well-structured but quite long (~400 lines). Some sections explain concepts Claude already knows (e.g., 'Benefits' of zoneless listing obvious items, the 'When to Use' section). The CORRECT/WRONG pattern is useful but adds bulk. The priority table and checklists are efficient, but overall the content could be tightened by ~30%.

2 / 3

Actionability

Every rule includes fully executable, copy-paste-ready TypeScript and HTML code examples with clear CORRECT/WRONG patterns. The code is concrete, uses real Angular APIs, and covers imports, decorators, and configuration. The checklists at the end provide actionable review steps.

3 / 3

Workflow Clarity

The skill is organized as a reference guide with prioritized categories, which is appropriate. However, there are no validation checkpoints or feedback loops for applying these optimizations (e.g., how to verify bundle size improved, how to measure change detection cycles, how to confirm SSR hydration is working). For a performance optimization guide involving potentially destructive refactoring, verification steps would strengthen the workflow.

2 / 3

Progressive Disclosure

The content is a monolithic single file with all 8 categories fully expanded inline. Given the length (~400 lines), the detailed SSR, state management, and memory management sections could be split into separate reference files. The external resource links at the bottom are helpful but the internal content organization would benefit from splitting into sub-files with a concise overview in SKILL.md.

2 / 3

Total

9

/

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 that clearly communicates both purpose and trigger conditions. However, it lacks specific concrete actions (e.g., lazy loading, OnPush change detection, tree shaking) and misses common natural language terms users would use when seeking Angular performance help. The description reads more as a category label than a detailed capability listing.

Suggestions

Add specific concrete actions like 'Implements OnPush change detection, configures lazy loading, optimizes change detection cycles, reduces bundle size with tree shaking, and applies trackBy for ngFor loops'.

Expand trigger terms to include natural phrases users would say, such as 'slow Angular app', 'change detection strategy', 'lazy loading', 'AOT', 'zone.js optimization', or 'Angular build size'.

DimensionReasoningScore

Specificity

Names the domain (Angular performance optimization) and mentions some areas (bundle size, rendering efficiency), but doesn't list specific concrete actions like 'configure lazy loading', 'implement OnPush change detection', or 'tree-shake unused modules'.

2 / 3

Completeness

Clearly answers both 'what' (Angular performance optimization and best practices guide) and 'when' (Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency) with an explicit 'Use when...' clause.

3 / 3

Trigger Term Quality

Includes relevant keywords like 'Angular', 'performance', 'bundle size', and 'rendering efficiency', but misses common natural terms users might say such as 'slow Angular app', 'change detection', 'lazy loading', 'AOT compilation', 'trackBy', or 'zone.js'.

2 / 3

Distinctiveness Conflict Risk

The Angular focus provides some distinctiveness, but 'performance optimization and best practices' is broad enough to potentially overlap with general Angular development skills or general web performance optimization skills. More specific triggers would reduce conflict risk.

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

skill_md_line_count

SKILL.md is long (564 lines); consider splitting into references/ and linking

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

9

/

11

Passed

Repository
sickn33/antigravity-awesome-skills
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.