tessl install tessl/npm-slidev--cli@52.1.0Modern presentation framework and CLI tool that transforms Markdown files into interactive, web-based slide presentations with built-in development server, export capabilities, and Vue.js integration
Agent Success
Agent success rate when using this tile
100%
Improvement
Agent success rate improvement when using this tile compared to baseline
1.12x
Baseline
Agent success rate without this tile
89%
{
"context": "This evaluation assesses how well the engineer uses Slidev's v-mark directive with Rough Notation to create progressively revealed annotations on slide content. The focus is on correct usage of annotation types, click-based timing, and color customization.",
"type": "weighted_checklist",
"checklist": [
{
"name": "v-mark directive usage",
"description": "Uses the v-mark directive correctly on HTML elements to apply annotations. The directive should be properly attached to the elements containing the terms to be annotated.",
"max_score": 20
},
{
"name": "Underline annotation",
"description": "Correctly implements an underline annotation type for the first term using v-mark with the underline type or shorthand (e.g., v-mark.underline).",
"max_score": 15
},
{
"name": "Highlight annotation",
"description": "Correctly implements a highlight annotation type for the second term using v-mark with the highlight type or shorthand (e.g., v-mark.highlight).",
"max_score": 15
},
{
"name": "Circle annotation",
"description": "Correctly implements a circle annotation type for the third term using v-mark with the circle type or shorthand (e.g., v-mark.circle).",
"max_score": 10
},
{
"name": "Box annotation",
"description": "Correctly implements a box annotation type for the fourth term using v-mark with the box type or shorthand (e.g., v-mark.box).",
"max_score": 10
},
{
"name": "Yellow color",
"description": "Applies yellow color to the highlight annotation using v-mark color modifiers (e.g., v-mark.highlight.yellow or using the color property in the v-mark configuration).",
"max_score": 10
},
{
"name": "Red color",
"description": "Applies red color to the box annotation using v-mark color modifiers (e.g., v-mark.box.red or using the color property in the v-mark configuration).",
"max_score": 10
},
{
"name": "Click-based progression",
"description": "Implements progressive reveal of annotations using click-based timing. Each annotation should appear on successive clicks, using v-mark's at or click parameter to control when each annotation appears (e.g., v-mark=\"{ at: 1 }\", v-mark=\"{ at: 2 }\", etc., or using click ranges).",
"max_score": 10
}
]
}