Deprecated Storybook addon that throws migration errors directing users to the new package structure in Storybook 9.0
86
{
"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-backgroundsdocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10