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-10/

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

Version

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