{
  "context": "This criteria evaluates how well the engineer uses Storybook's Documentation Generation (Docs Addon) features to create comprehensive component documentation. The evaluation focuses on proper usage of automatic documentation generation, MDX for custom documentation pages, and documentation blocks.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "CSF Meta Configuration",
      "description": "Uses proper Component Story Format (CSF) default export with meta configuration including 'component' property and 'title' property to enable automatic documentation generation",
      "max_score": 15
    },
    {
      "name": "Autodocs Tag",
      "description": "Includes 'autodocs' tag in the meta configuration (via tags array or parameters) to enable automatic DocsPage generation",
      "max_score": 10
    },
    {
      "name": "ArgTypes Documentation",
      "description": "Properly defines argTypes in meta configuration or uses TypeScript/PropTypes that can be parsed by docgen tools (react-docgen, react-docgen-typescript) to populate the props table",
      "max_score": 15
    },
    {
      "name": "MDX File Creation",
      "description": "Creates a valid MDX documentation file (.mdx or .stories.mdx) that combines markdown with Storybook elements",
      "max_score": 15
    },
    {
      "name": "Doc Blocks Usage",
      "description": "Uses Storybook documentation blocks from @storybook/blocks (such as Meta, Title, Description, Primary, Controls, Stories, or Canvas blocks) within the MDX file",
      "max_score": 20
    },
    {
      "name": "Story Block Integration",
      "description": "Uses Story or Canvas blocks in MDX to render interactive component examples with proper story references",
      "max_score": 15
    },
    {
      "name": "Multiple Story Variants",
      "description": "Defines multiple named story exports (e.g., Primary, Secondary, Disabled) in the stories file to showcase different component states",
      "max_score": 10
    }
  ]
}