tessl install tessl/npm-vant@4.9.0Mobile UI Components library built on Vue 3 with 100+ components
Agent Success
Agent success rate when using this tile
74%
Improvement
Agent success rate improvement when using this tile compared to baseline
1.07x
Baseline
Agent success rate without this tile
69%
{
"context": "This criteria evaluates the engineer's proficiency in using Vant's Card component to build a product card display for mobile e-commerce. The focus is on proper usage of the van-card component and its associated props and slots.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Card component usage",
"description": "Uses the van-card component (or Card component from Vant) as the primary container for the product display",
"max_score": 30
},
{
"name": "Image display",
"description": "Uses the Card component's thumb or thumb-link prop, or image-related slot to display the product image",
"max_score": 15
},
{
"name": "Title prop",
"description": "Uses the Card component's title prop to display the product title",
"max_score": 15
},
{
"name": "Description prop",
"description": "Uses the Card component's desc prop to display the product description",
"max_score": 15
},
{
"name": "Price display",
"description": "Uses the Card component's price prop or price-related slot to display the product price correctly",
"max_score": 15
},
{
"name": "Footer/action area",
"description": "Uses the Card component's footer slot or related functionality to include an action button (e.g., van-button in footer slot)",
"max_score": 10
}
]
}