{
  "context": "This criteria evaluates how effectively the engineer uses MJML's CSS inlining capabilities powered by Juice to convert CSS styles into inline HTML attributes. The focus is on proper usage of mj-style with inline mode and understanding how MJML handles CSS inlining for email compatibility.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "mjml2html usage",
      "description": "Uses the mjml2html function from the mjml package to compile MJML templates to HTML",
      "max_score": 20
    },
    {
      "name": "mj-style inline mode",
      "description": "Correctly uses <mj-style> component with inline='inline' attribute to trigger CSS inlining via Juice",
      "max_score": 25
    },
    {
      "name": "CSS class application",
      "description": "Applies CSS classes to MJML components using mj-class attribute to enable style targeting",
      "max_score": 20
    },
    {
      "name": "HTML output extraction",
      "description": "Correctly extracts the html property from the mjml2html return object containing the inlined HTML",
      "max_score": 15
    },
    {
      "name": "Handlebars preservation",
      "description": "Leverages MJML's built-in Juice configuration that preserves Handlebars syntax ({{ }}) during CSS inlining without additional configuration",
      "max_score": 20
    }
  ]
}