CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

95

1.36x
Quality

93%

Does it follow best practices?

Impact

98%

1.36x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

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 follows best practices. It uses third person voice, lists specific capabilities, includes natural trigger terms users would actually say, and has an explicit 'Use when' clause that clearly defines when Claude should select this skill. The description is concise yet comprehensive.

DimensionReasoningScore

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 with distinct triggers like 'lazy loading', 'responsive images', 'page load times'. Unlikely to conflict with general asset management or other web development 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 delivers actionable guidance for image optimization. The format selection table and performance targets provide excellent quick-reference material, and the code examples are production-ready. The main weakness is the lack of explicit validation steps in the workflow, particularly for verifying image quality after compression or testing browser compatibility.

Suggestions

Add a validation step after the Sharp pipeline example, such as comparing file sizes or visual quality checks before deployment

Include a brief troubleshooting note for common issues like quality degradation at low compression settings

DimensionReasoningScore

Conciseness

Extremely lean and efficient. Uses tables for quick reference, minimal prose, and assumes Claude understands web development concepts. Every section delivers value without unnecessary explanation.

3 / 3

Actionability

Provides fully executable HTML and JavaScript code examples that are copy-paste ready. The Sharp pipeline example is complete and functional, and the responsive images markup is production-ready.

3 / 3

Workflow Clarity

While the checklist provides a good overview of steps, there's no explicit validation or feedback loop for the optimization process. Missing verification steps like 'test image quality after compression' or 'validate browser compatibility' for a process that could degrade visual quality.

2 / 3

Progressive Disclosure

For a skill under 50 lines with a focused scope, the content is well-organized with clear sections. Tables provide quick reference, code examples are appropriately sized, and no external references are needed for this self-contained topic.

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
secondsky/claude-skills
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.