CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-slidev--cli

tessl install tessl/npm-slidev--cli@52.1.0

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

rubric.jsonevals/scenario-9/

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

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/@slidev/cli@52.1.x
tile.json