{
  "context": "This criteria evaluates how well the engineer uses Storybook's decorator system to wrap stories with reusable visual context. It focuses specifically on the correct usage of decorators at component-level and story-level scopes.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Component metadata export",
      "description": "Both Button.stories.js and Card.stories.js export a default object with proper meta information including the component reference",
      "max_score": 10
    },
    {
      "name": "Story exports",
      "description": "All four required stories (Primary, Secondary, Default, Featured) are exported as named exports from their respective files",
      "max_score": 10
    },
    {
      "name": "Decorator array usage",
      "description": "Uses the 'decorators' property (either on meta object or individual story) to define wrapper functions",
      "max_score": 20
    },
    {
      "name": "Component-level decorator",
      "description": "Button.stories.js uses component-level decorators property on the default export to apply the centering layout wrapper to all Button stories",
      "max_score": 25
    },
    {
      "name": "Story-level decorator",
      "description": "The Featured story in Card.stories.js uses story-level decorators property to apply the dark theme wrapper only to that specific story",
      "max_score": 25
    },
    {
      "name": "Decorator function structure",
      "description": "Decorator functions correctly receive and invoke the story rendering function (Story or storyFn parameter) and return wrapped JSX",
      "max_score": 10
    }
  ]
}