·slidev-code-blocks
</>

slidev-code-blocks

yoanbernabeu/slidev-skills

Create beautiful code blocks with Shiki syntax highlighting. Use this skill for code snippets, line highlighting, and code groups.

16Installs·0Trend·@yoanbernabeu

Installation

$npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-code-blocks

SKILL.md

This skill covers everything about displaying code in Slidev presentations, including syntax highlighting with Shiki, line highlighting, code groups, and importing external snippets.

interface User { id: number name: string email: string }

def fibonacci(n): if n <= 1: return n return fibonacci(n-1) + fibonacci(n-2)

Create beautiful code blocks with Shiki syntax highlighting. Use this skill for code snippets, line highlighting, and code groups. Source: yoanbernabeu/slidev-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-code-blocks
Category
</>Dev Tools
Verified
First Seen
2026-02-12
Updated
2026-02-18

Quick answers

What is slidev-code-blocks?

Create beautiful code blocks with Shiki syntax highlighting. Use this skill for code snippets, line highlighting, and code groups. Source: yoanbernabeu/slidev-skills.

How do I install slidev-code-blocks?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-code-blocks Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/yoanbernabeu/slidev-skills