CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-vant

tessl install tessl/npm-vant@4.9.0

Mobile 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%

rubric.jsonevals/scenario-2/

{
  "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
    }
  ]
}

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/vant@4.9.x
tile.json