angular-performance
Angular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, images, or lazy loading.
90
88%
Does it follow best practices?
Impact
Pending
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.
This is a solid skill description with excellent trigger terms and completeness. The main weakness is that it lists Angular features rather than describing concrete actions (e.g., 'implement', 'configure', 'optimize'). The explicit trigger clause and Angular-specific terminology make it highly distinguishable.
Suggestions
Rephrase feature list as concrete actions: 'Implements NgOptimizedImage for image optimization, configures @defer blocks for lazy loading, sets up SSR for faster initial loads.'
| 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 | Clearly answers both what (Angular performance optimization with specific features) and when (explicit 'Trigger: When optimizing Angular app performance, images, or lazy loading'). | 3 / 3 |
Trigger Term Quality | Includes natural keywords users would say: 'optimizing', 'Angular app performance', 'images', 'lazy loading'. Also includes specific Angular terms like 'NgOptimizedImage', '@defer', 'SSR' that developers would mention. | 3 / 3 |
Distinctiveness Conflict Risk | Highly specific to Angular performance optimization with distinct triggers like 'NgOptimizedImage', '@defer', and 'SSR' that are unlikely to conflict with general web development 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 the tables provide quick reference for decision-making. The main gap is the lack of a workflow for systematically approaching performance optimization (audit → prioritize → implement → verify).
Suggestions
Add a brief workflow section at the top: 'Audit with Chrome DevTools → Identify LCP image → Apply NgOptimizedImage → Add @defer to below-fold content → Verify with Lighthouse'
Include a validation step such as 'Run `ng build --stats-json` and analyze bundle sizes before/after lazy loading routes'
| 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 or 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 real syntax. | 3 / 3 |
Workflow Clarity | Content is well-organized with clear sections, but lacks explicit workflow sequencing. For performance optimization tasks, there's no guidance on order of operations (e.g., 'audit first, then optimize images, then add @defer') or validation steps to verify improvements. | 2 / 3 |
Progressive Disclosure | Appropriate structure for a focused skill. Content is well-sectioned with clear headers, tables for quick reference, and external resource links at the end. 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.
- Repository
- Yoizen/dev-ai-workflow
- Commit
d9bf9a4
- 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.