{
  "context": "This criteria evaluates how effectively the engineer uses gatsby-plugin-sharp's fluid image API to generate responsive image sets. It focuses on proper usage of the fluid() function, configuration options, and handling of the returned image data structure.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Uses fluid function",
      "description": "Uses gatsby-plugin-sharp's fluid() function or queueImageResizing with appropriate parameters to generate responsive image data",
      "max_score": 25
    },
    {
      "name": "Configures maxWidth",
      "description": "Correctly passes maxWidth parameter to control the maximum size of generated fluid images",
      "max_score": 15
    },
    {
      "name": "Handles srcSetBreakpoints",
      "description": "Properly uses srcSetBreakpoints parameter to specify custom responsive breakpoints for image generation",
      "max_score": 20
    },
    {
      "name": "Applies quality settings",
      "description": "Correctly applies quality parameter to control image compression and output quality",
      "max_score": 15
    },
    {
      "name": "Returns base64 placeholder",
      "description": "Ensures the returned fluid image data includes the base64 property for blur-up loading effect",
      "max_score": 10
    },
    {
      "name": "Returns aspectRatio",
      "description": "Ensures the returned fluid image data includes the aspectRatio property preserving original image proportions",
      "max_score": 5
    },
    {
      "name": "Returns srcSet",
      "description": "Ensures the returned fluid image data includes the srcSet property with multiple image sizes",
      "max_score": 5
    },
    {
      "name": "Returns sizes attribute",
      "description": "Ensures the returned fluid image data includes the sizes property for responsive image behavior",
      "max_score": 5
    }
  ]
}