CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-storybook--addon-backgrounds

Deprecated Storybook addon that throws migration errors directing users to the new package structure in Storybook 9.0

86

1.08x
Overview
Eval results
Files

rubric.jsonevals/scenario-2/

{
  "context": "This criteria evaluates how well the engineer uses Storybook's Args System to create interactive, live-editable stories. The focus is on proper args configuration, default values, and enabling dynamic component exploration through Storybook's controls.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Meta Configuration",
      "description": "Properly defines and exports a Meta object using the Meta type from @storybook/react, with the component property set to the ProductCard component",
      "max_score": 15
    },
    {
      "name": "Args Definition",
      "description": "Defines args at the meta level or story level with all six required properties (name, price, imageUrl, description, inStock, featured) with correct default values as specified",
      "max_score": 25
    },
    {
      "name": "Story Export",
      "description": "Properly exports a Default story using the StoryObj type, correctly typed as StoryObj<typeof ProductCard> or StoryObj<Meta<typeof ProductCard>>",
      "max_score": 15
    },
    {
      "name": "Args System Usage",
      "description": "Correctly uses Storybook's args mechanism by defining args at the appropriate level (meta.args or story.args) that are automatically JSON-serializable and support URL parameter sharing",
      "max_score": 20
    },
    {
      "name": "Story Composition",
      "description": "Demonstrates understanding of args composition through proper use of object spread or args inheritance patterns if multiple stories are defined",
      "max_score": 15
    },
    {
      "name": "Type Safety",
      "description": "Uses proper TypeScript types throughout, including correct import and usage of Meta and StoryObj types from @storybook/react",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-storybook--addon-backgrounds

tile.json