image-optimization-helper
Image Optimization Helper - Auto-activating skill for Frontend Development. Triggers on: image optimization helper, image optimization helper Part of the Frontend Development skill category.
32
Quality
0%
Does it follow best practices?
Impact
92%
1.01xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/image-optimization-helper/SKILL.mdQuality
Discovery
0%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 description is essentially a placeholder with no substantive content. It provides only the skill name, a redundant trigger phrase, and a vague category label. Claude would have no basis for selecting this skill appropriately since there's no information about what image optimization tasks it handles or when it should be activated.
Suggestions
Add specific concrete actions the skill performs, such as 'Compresses images, converts formats (WebP, AVIF), generates responsive srcsets, implements lazy loading, and optimizes for Core Web Vitals.'
Include a 'Use when...' clause with natural trigger terms like 'compress images', 'reduce image file size', 'optimize for web', 'responsive images', 'lazy loading', 'image performance'.
Remove the redundant self-referential trigger and replace with terms users would actually say when needing image optimization help.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | The description contains no concrete actions whatsoever. 'Image Optimization Helper' is just a name, not a description of capabilities. There's no mention of what the skill actually does (compress, resize, convert formats, lazy loading, etc.). | 1 / 3 |
Completeness | The description fails to answer both 'what does this do' and 'when should Claude use it'. It only states it's an 'auto-activating skill for Frontend Development' without explaining capabilities or explicit trigger conditions. | 1 / 3 |
Trigger Term Quality | The only trigger terms listed are 'image optimization helper' repeated twice, which is the skill's own name rather than natural user language. Users would say things like 'compress images', 'reduce file size', 'optimize for web', 'lazy load images', etc. | 1 / 3 |
Distinctiveness Conflict Risk | Being labeled as part of 'Frontend Development skill category' is extremely generic and would conflict with any other frontend-related skills. There's nothing distinguishing this from general image handling, CSS, or other frontend skills. | 1 / 3 |
Total | 4 / 12 Passed |
Implementation
0%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This skill is entirely meta-content with no actual substance. It describes what an image optimization skill would do without providing any actual image optimization guidance, code, tools, or techniques. The content is a placeholder template that fails every dimension of the rubric.
Suggestions
Add concrete image optimization techniques with executable code (e.g., using sharp, imagemin, or browser APIs for compression, resizing, format conversion)
Include specific examples showing before/after optimization with actual commands or code snippets
Provide a clear workflow for common tasks like 'optimize images for web' with validation steps (e.g., check file size reduction, verify quality)
Remove all meta-description content ('This skill provides...', 'When to Use...') and replace with actionable guidance that Claude doesn't already know
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The content is padded with generic boilerplate that provides no actual value. It explains what triggers the skill and when to use it without providing any concrete image optimization guidance. Every section restates the same vague information. | 1 / 3 |
Actionability | No concrete code, commands, or specific techniques are provided. The skill describes what it claims to do ('provides step-by-step guidance', 'generates production-ready code') but contains zero actual image optimization instructions, tools, or examples. | 1 / 3 |
Workflow Clarity | No workflow is present. The skill mentions 'step-by-step guidance' in its capabilities but provides no actual steps for any image optimization task. There are no processes, sequences, or validation checkpoints. | 1 / 3 |
Progressive Disclosure | The content is a monolithic block of meta-description with no actual content to organize. There are no references to detailed materials, no links to examples or advanced topics, and no structure beyond repetitive section headers. | 1 / 3 |
Total | 4 / 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.
Validation — 9 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
allowed_tools_field | 'allowed-tools' contains unusual tool name(s) | Warning |
frontmatter_unknown_keys | Unknown frontmatter key(s) found; consider removing or moving to metadata | Warning |
Total | 9 / 11 Passed | |
- Commit
994edc4
- 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.