image-optimization
Optimizes images for web performance using modern formats, responsive techniques, and lazy loading strategies. Use when improving page load times, implementing responsive images, or preparing assets for production deployment.
93
89%
Does it follow best practices?
Impact
98%
1.36xAverage score across 3 eval scenarios
Passed
No known issues
Quality
Discovery
100%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 well-crafted skill description that clearly communicates specific capabilities (image optimization with modern formats, responsive techniques, lazy loading) and provides explicit trigger guidance via a 'Use when...' clause. It uses proper third-person voice and includes natural keywords that developers would use when seeking this functionality.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: optimizing images for web, using modern formats, responsive techniques, and lazy loading strategies. These are distinct, actionable capabilities. | 3 / 3 |
Completeness | Clearly answers both what ('Optimizes images for web performance using modern formats, responsive techniques, and lazy loading strategies') and when ('Use when improving page load times, implementing responsive images, or preparing assets for production deployment'). | 3 / 3 |
Trigger Term Quality | Includes strong natural keywords users would say: 'images', 'web performance', 'modern formats', 'responsive images', 'lazy loading', 'page load times', 'production deployment', 'assets'. Good coverage of terms a developer would naturally use. | 3 / 3 |
Distinctiveness Conflict Risk | Clearly scoped to image optimization for web performance specifically, with distinct triggers like 'lazy loading', 'responsive images', and 'modern formats' that are unlikely to conflict with general web development or generic asset management skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
79%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 skill that provides actionable code examples and clear format guidance for image optimization. Its main weakness is the lack of a sequenced workflow with validation checkpoints—there's no guidance on verifying optimization results or handling failures in the build pipeline. The content could also benefit from splitting advanced topics into referenced files for better progressive disclosure.
Suggestions
Add a sequenced workflow section (e.g., 1. Audit current images → 2. Run optimization → 3. Validate output sizes against targets → 4. Test fallback formats in browser) with explicit validation steps.
Add error handling and verification to the Sharp build pipeline example, such as checking output file size against performance targets and logging warnings if thresholds are exceeded.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Every section is lean and informative. No unnecessary explanations of what image formats are or how browsers work. Tables and code examples convey maximum information with minimal tokens. | 3 / 3 |
Actionability | Provides fully executable HTML and JavaScript code examples that are copy-paste ready. The Sharp pipeline, responsive image markup, and lazy loading patterns are all concrete and immediately usable. | 3 / 3 |
Workflow Clarity | The content presents individual techniques clearly but lacks a sequenced workflow for an end-to-end optimization process. The checklist at the end helps but there are no validation steps (e.g., verify output file sizes, test fallback behavior) or feedback loops for the build pipeline. | 2 / 3 |
Progressive Disclosure | Content is well-organized with clear section headers and appropriate use of tables, but everything is inline in a single file. For a skill of this breadth (formats, responsive images, lazy loading, build pipelines, performance targets), some sections like the Sharp pipeline or advanced responsive patterns could be referenced as separate files. | 2 / 3 |
Total | 10 / 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
- secondsky/claude-skills
- Commit
88da5ff
- 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.