angular-performance
Angular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, images, or lazy loading.
Install with Tessl CLI
npx tessl i github:Yoizen/dev-ai-workflow --skill angular-performance90
Does it follow best practices?
If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:
npx tessl skill review --optimize ./path/to/skillValidation for skill structure
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 explicit trigger guidance and good keyword coverage for Angular developers. The main weakness is that it lists feature names rather than describing concrete actions (e.g., 'optimize image loading' vs 'NgOptimizedImage'). The description effectively carves out a distinct niche for Angular-specific performance work.
Suggestions
Rephrase feature names as concrete actions: 'Optimizes image loading with NgOptimizedImage, implements deferred loading with @defer, configures lazy loading and server-side rendering' instead of just listing feature names.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Names the domain (Angular performance) and lists specific features (NgOptimizedImage, @defer, lazy loading, SSR), but these are feature names rather than concrete actions describing what the skill does with them. | 2 / 3 |
Completeness | Explicitly answers both what (Angular performance optimization with specific features) and when (explicit 'Trigger:' clause specifying optimization scenarios). The trigger guidance is clear and actionable. | 3 / 3 |
Trigger Term Quality | Includes natural keywords users would say: 'Angular', 'performance', 'images', 'lazy loading', 'optimizing'. These are terms developers naturally use when seeking performance help. | 3 / 3 |
Distinctiveness Conflict Risk | Highly specific to Angular framework performance optimization with distinct features like NgOptimizedImage and @defer. Unlikely to conflict with general web performance or other framework skills. | 3 / 3 |
Total | 11 / 12 Passed |
Implementation
87%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a high-quality, concise skill that delivers actionable Angular performance patterns efficiently. The code examples are executable and well-organized with helpful tables for quick reference. Minor weakness is the lack of explicit workflow guidance for diagnosing performance issues or validating that optimizations are effective.
Suggestions
Add a brief workflow section at the top: 'How to diagnose -> which optimization to apply -> how to verify improvement' to guide the optimization process
Include a quick validation step such as 'Use Chrome DevTools Lighthouse to verify LCP improvement after adding priority attribute'
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Extremely lean and efficient. No unnecessary explanations of what Angular is or how lazy loading works conceptually. Every section delivers actionable code and tables without padding. | 3 / 3 |
Actionability | Provides fully executable TypeScript/HTML code examples that are copy-paste ready. Includes concrete patterns for NgOptimizedImage, @defer blocks, lazy routes, and SSR setup with specific syntax. | 3 / 3 |
Workflow Clarity | Content is well-organized with clear sections, but lacks explicit workflow sequencing for when to apply these optimizations. The 'Rules' section helps but there's no validation/verification step for checking if optimizations worked. | 2 / 3 |
Progressive Disclosure | Appropriate structure for a focused skill. Core content is inline with clear sections, and external Angular docs are referenced at the end for deeper dives. No unnecessary nesting or monolithic walls of text. | 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.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
- 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.