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.
Install with Tessl CLI
npx tessl i github:secondsky/claude-skills --skill image-optimizationOverall
score
93%
Does it follow best practices?
Validation for skill structure
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 follows best practices. It uses third person voice, lists specific capabilities, includes natural trigger terms users would actually say, and provides explicit 'Use when' guidance. The description clearly carves out a distinct niche for web image optimization.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: 'Optimizes images for web performance', 'using modern formats', 'responsive techniques', and 'lazy loading strategies'. These are concrete, actionable capabilities. | 3 / 3 |
Completeness | Clearly answers both what (optimizes images using modern formats, responsive techniques, lazy loading) AND when (improving page load times, implementing responsive images, preparing assets for production) with explicit 'Use when' clause. | 3 / 3 |
Trigger Term Quality | Includes natural keywords users would say: 'images', 'web performance', 'page load times', 'responsive images', 'assets', 'production deployment'. These cover common variations of how users discuss image optimization. | 3 / 3 |
Distinctiveness Conflict Risk | Clear niche focused specifically on image optimization for web performance. The combination of 'images', 'web performance', 'responsive', and 'lazy loading' creates distinct triggers unlikely to conflict with general web development or other asset-related skills. | 3 / 3 |
Total | 12 / 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 well-crafted, concise skill that provides actionable guidance for image optimization. The format selection table and performance targets give clear decision-making criteria, while the code examples are production-ready. The main weakness is the lack of validation steps in the build pipeline workflow.
Suggestions
Add a validation step to the Sharp pipeline example (e.g., checking output file size, verifying format conversion succeeded)
Consider adding a brief error handling pattern for the async optimizeImage function
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Extremely lean and efficient. Uses tables for quick reference, provides only essential code examples, and assumes Claude understands web development concepts without explanation. Every section earns its place. | 3 / 3 |
Actionability | Provides fully executable HTML and JavaScript code that is copy-paste ready. The Sharp pipeline example is complete and functional, and the responsive images markup is production-ready. | 3 / 3 |
Workflow Clarity | The checklist provides a good sequence of tasks, but lacks explicit validation steps or feedback loops. For a build pipeline involving image processing, there's no verification step to confirm optimization succeeded or check output quality. | 2 / 3 |
Progressive Disclosure | For a skill under 50 lines with a focused scope, the content is well-organized with clear section headers. Each section covers a distinct aspect (formats, responsive, lazy loading, build, targets, checklist) without needing external references. | 3 / 3 |
Total | 11 / 12 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
| Criteria | Description | Result |
|---|---|---|
metadata_version | 'metadata' field is not a dictionary | Warning |
body_steps | No step-by-step structure detected (no ordered list); consider adding a simple workflow | Warning |
Total | 14 / 16 Passed | |
- 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.