Dev Slides

Create developerfriendly presentations using Slidev, a markdownbased slide framework powered by Vue. Supports live code execution, syntax highlighting, Mermaid diagrams, LaTeX math, and speaker notes. Ideal for tech talks, team demos, and conference presentations.

概要

The Dev Slides skill enables AI agents to generate technical presentations using the Slidev framework. Hosted within the TerminalSkills/skills repository, which has earned 72 stars, this tool leverages Markdown to structure slides, making it compatible with standard developer workflows. It integrates features such as syntax highlighting for multiple programming languages, live code execution, and Mermaid diagram rendering. Additionally, it supports LaTeX for mathematical notation and includes dedicated sections for speaker notes. Designed for compatibility with agents like Claude, Gemini, and Codex, the skill facilitates the creation of professional slide decks for conferences or internal team demonstrations. By utilizing a Vue-powered backend, it ensures that presentations remain interactive and customizable while maintaining a text-based source format.

ユースケース

Generating technical slide decks for software architecture reviews using Mermaid diagrams.
Creating interactive conference presentations with live code execution and syntax highlighting.
Automating the production of internal team demo slides from Markdown-based project documentation.

導入方法

# Review source first
open https://github.com/TerminalSkills/skills/blob/main/skills/dev-slides/SKILL.md

Copy or clone the skill folder into your agent skills directory after reviewing its instructions and scripts.

セキュリティ

Users should review all generated Markdown content and embedded code execution blocks before deployment, as the skill processes scripts and external diagrams. Ensure the environment where Slidev runs is properly isolated when executing live code snippets.

関連Skills