tessl/npm-gatsby-plugin-sharp
Wrapper of the Sharp image manipulation library for Gatsby plugins
57
Pending
Does it follow best practices?
Impact
57%
1.07xAverage score across 10 eval scenarios
Pending
The risk profile of this skill
Evaluation results
10%
Image Format Optimizer
Format-specific optimization
Uses Plugin API
0%
0%
JPEG Progressive Encoding
0%
0%
PNG Compression Level
0%
0%
WebP Quality Control
0%
0%
AVIF Quality Control
0%
0%
Multi-Format Output
50%
50%
Image Resizing
100%
100%
30%
-35%Image Format Converter
Image format conversion
Sharp instance creation
100%
100%
Format conversion methods
0%
0%
Quality parameter usage
100%
25%
JPEG progressive encoding
100%
33%
PNG compression level
100%
33%
File output method
0%
0%
70%
Image Thumbnail Generator
Basic image resizing
Uses queueImageResizing
0%
0%
Configures width parameter
100%
100%
Sets quality parameter
100%
100%
Processes multiple sizes
100%
100%
Extracts result metadata
100%
100%
90%
-7%Responsive Image Query Helper for Gatsby
Gatsby integration
GraphQL Query Structure
100%
100%
gatsbyImageData Field Usage
100%
100%
Layout Parameter
93%
33%
Format Specification
100%
100%
Width Parameter
90%
100%
Image Data Extraction
90%
100%
Error Handling
100%
100%
63%
63%Image Metadata Service
Image metadata extraction
Image size retrieval
0%
91%
Format identification
0%
92%
Dominant color
0%
20%
72%
15%High-Volume Image Processor
Advanced performance optimization
Batch processing implementation
0%
42%
Concurrency control setup
92%
88%
Multiple format generation
100%
100%
Quality settings
100%
100%
Resize transformations
100%
100%
Cache integration
0%
0%
95%
Optimized Image Processor
Quality control and compression
JPEG Quality Control
92%
92%
PNG Quality Control
92%
92%
PNG Compression Level
96%
96%
Progressive JPEG
100%
100%
0%
Image Cropping Utilities
Advanced cropping strategies
Attention crop implementation
0%
0%
Entropy crop implementation
0%
0%
Directional crop implementation
0%
0%
Fit strategy implementation
0%
0%
Image processing workflow
0%
0%
100%
Responsive Image Generator
Responsive fluid images
Uses fluid function
100%
100%
Configures maxWidth
100%
100%
Handles srcSetBreakpoints
100%
100%
Applies quality settings
100%
100%
Returns base64 placeholder
100%
100%
Returns aspectRatio
100%
100%
Returns srcSet
100%
100%
Returns sizes attribute
100%
100%
45%
1%Image Duotone Effect Processor
Duotone image effects
Uses gatsby-plugin-sharp
50%
50%
Duotone transformation
0%
0%
Highlight and shadow
66%
33%
Opacity support
80%
100%
Image output handling
53%
66%
Format handling
80%
100%
- Evaluated
- Agent
- Codex
- Model
- Unknown