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 effectively the engineer uses UnoCSS utility classes to style a Slidev presentation. The focus is on proper application of utility-first CSS concepts including layout utilities, color/gradient utilities, spacing utilities, and visual effect utilities.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Gradient Background",
"description": "Uses UnoCSS gradient utilities (e.g., bg-gradient-to-r, from-blue-500, to-purple-500) to create a gradient background on the title slide",
"max_score": 15
},
{
"name": "Centering Layout",
"description": "Uses UnoCSS flexbox or grid utilities (e.g., flex, items-center, justify-center) to center content on the title slide",
"max_score": 15
},
{
"name": "Typography Sizing",
"description": "Uses UnoCSS text size utilities (e.g., text-5xl, text-6xl) for large title text and appropriate sizing for subtitle",
"max_score": 10
},
{
"name": "Opacity Control",
"description": "Uses UnoCSS opacity utilities (e.g., opacity-70, opacity-80) to make subtitle text semi-transparent",
"max_score": 10
},
{
"name": "Spacing Utilities",
"description": "Uses UnoCSS padding utilities (e.g., p-4, p-6, px-8, py-4) for internal spacing on containers, cards, and labels",
"max_score": 15
},
{
"name": "Border Radius",
"description": "Uses UnoCSS rounded utilities (e.g., rounded-lg, rounded-xl) for rounded corners on containers and code blocks",
"max_score": 10
},
{
"name": "Border Colors",
"description": "Uses UnoCSS border utilities (e.g., border-l-4, border-red-500, border-green-500, border-blue-500) to add colored left borders to feature cards",
"max_score": 10
},
{
"name": "Shadow Effects",
"description": "Uses UnoCSS shadow utilities (e.g., shadow-md, shadow-lg) to add depth to feature cards",
"max_score": 5
},
{
"name": "Background Colors",
"description": "Uses UnoCSS background color utilities (e.g., bg-gray-800, bg-gray-700, bg-blue-600) for dark backgrounds and label backgrounds",
"max_score": 5
},
{
"name": "Margin Spacing",
"description": "Uses UnoCSS margin utilities (e.g., my-4, mb-4, space-y-4) to create consistent spacing between feature cards",
"max_score": 5
}
]
}