CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-slidev--cli

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

Overall
score

100%

Overview
Eval results
Files

Evaluation results

100%

Interactive Product Showcase

Slide transitions (slide, fade, view-transition)

Criteria
Without context
With context

slide-left transition

100%

100%

fade transition

100%

100%

view-transition usage

100%

100%

bidirectional transitions

100%

100%

100%

Code Highlight Presentation

Line highlighting and dynamic click-based highlighting

Criteria
Without context
With context

Code block metadata

100%

100%

Curly braces usage

100%

100%

Pipe delimiter

100%

100%

Line range syntax

100%

100%

Single line syntax

100%

100%

'all' keyword

100%

100%

100%

100%

Presentation Branding System

Layout wrapper system with auto-injection

Criteria
Without context
With context

Global persistent top layer

0%

100%

Global persistent bottom layer

0%

100%

Per-slide layer usage

0%

100%

Navigation context access

0%

100%

Presentation structure

0%

100%

100%

Presentation Context Menu Extension

Context menu customization

Criteria
Without context
With context

Setup hook usage

100%

100%

Menu item registration

100%

100%

Navigation composable

100%

100%

Route path access

100%

100%

Mode filtering

100%

100%

98%

5%

Custom UnoCSS Configuration for Presentation Slides

UnoCSS configuration via setup

Criteria
Without context
With context

Setup File Creation

80%

100%

Shortcuts Configuration

100%

100%

Theme Colors Extension

100%

100%

Theme Spacing Extension

100%

100%

Correct Export Pattern

60%

80%

100%

Code Diff Presentation Generator

Diff view with {monaco-diff}

Criteria
Without context
With context

Monaco diff syntax

100%

100%

Diff separator usage

100%

100%

Language specification

100%

100%

Slide delimiter

100%

100%

Frontmatter structure

100%

100%

Code block format

100%

100%

100%

Presentation with Custom Component

Auto-import components from directories

Criteria
Without context
With context

Component file location

100%

100%

Vue component structure

100%

100%

Props definition

100%

100%

Slot usage

100%

100%

Component usage in slides

100%

100%

Multiple slide usage

100%

100%

100%

Styled Presentation

UnoCSS utility-first styling

Criteria
Without context
With context

Gradient Background

100%

100%

Centering Layout

100%

100%

Typography Sizing

100%

100%

Opacity Control

100%

100%

Spacing Utilities

100%

100%

Border Radius

100%

100%

Border Colors

100%

100%

Shadow Effects

100%

100%

Background Colors

100%

100%

Margin Spacing

100%

100%

100%

Interactive Glossary Slide

Rough Notation annotations with v-mark

Criteria
Without context
With context

v-mark directive usage

100%

100%

Underline annotation

100%

100%

Highlight annotation

100%

100%

Circle annotation

100%

100%

Box annotation

100%

100%

Yellow color

100%

100%

Red color

100%

100%

Click-based progression

100%

100%

100%

Presentation Build Tool

Static site generation (SPA build)

Criteria
Without context
With context

Import and use build function

100%

100%

Import and use resolveOptions

100%

100%

Configure BuildArgs correctly

100%

100%

Handle async operations properly

100%

100%

Pass presentation path correctly

100%

100%

Install with Tessl CLI

npx tessl i tessl/npm-slidev--cli
Evaluated
Agent
Claude Code

Table of Contents