CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-gatsby-plugin-sharp

Wrapper of the Sharp image manipulation library for Gatsby plugins

58%

Overall

Evaluation58%

1.07x

Agent success when using this tile

Overview
Eval results
Files

Assessment results

0%

Format-specific optimization

Criteria
Without context
With context

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%

-35%

Image format conversion

Criteria
Without context
With context

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%

0%

Basic image resizing

Criteria
Without context
With context

Uses queueImageResizing

0%

0%

Configures width parameter

100%

100%

Sets quality parameter

100%

100%

Processes multiple sizes

100%

100%

Extracts result metadata

100%

100%

-7%

Gatsby integration

Criteria
Without context
With context

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%

Image metadata extraction

Criteria
Without context
With context

Image size retrieval

0%

91%

Format identification

0%

92%

Dominant color

0%

20%

14%

Advanced performance optimization

Criteria
Without context
With context

Batch processing implementation

0%

43%

Concurrency control setup

92%

88%

Multiple format generation

100%

100%

Quality settings

100%

100%

Resize transformations

100%

100%

Cache integration

0%

0%

0%

Quality control and compression

Criteria
Without context
With context

JPEG Quality Control

92%

92%

PNG Quality Control

92%

92%

PNG Compression Level

96%

96%

Progressive JPEG

100%

100%

0%

Advanced cropping strategies

Criteria
Without context
With context

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%

0%

Responsive fluid images

Criteria
Without context
With context

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%

1%

Duotone image effects

Criteria
Without context
With context

Uses gatsby-plugin-sharp

50%

50%

Duotone transformation

0%

0%

Highlight and shadow

67%

33%

Opacity support

80%

100%

Image output handling

53%

67%

Format handling

80%

100%

tessl i tessl/npm-gatsby-plugin-sharp@5.15.0

Evaluated

Agent

Codex

Table of Contents

Format-specific optimizationImage format conversionBasic image resizingGatsby integrationImage metadata extractionAdvanced performance optimizationQuality control and compressionAdvanced cropping strategiesResponsive fluid imagesDuotone image effects