메뉴
Create and edit presentation slides using Slidev framework when user requests slides, presentations, or deck modifications
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
ALWAYS invoke this skill when writing, editing, or generating ANY Rust code. This skill provides comprehensive Rust best practices from 5 authoritative sources (Microsoft guidelines, official API guidelines, style guide, language reference, and design patterns). Use for ALL Rust tasks including: writing new code, reviewing code, refactoring, fixing bugs, designing APIs, error handling, unsafe code, FFI, async patterns, macros, testing, or library development. This skill should be loaded proactively whenever Rust (.rs) files are involved.
Reference documentation for the Todoist Sync API. Use this skill when building integrations with Todoist, implementing sync functionality, or needing to understand Todoist API endpoints for tasks, projects, labels, filters, reminders, comments, workspaces, and user management. Load the relevant reference file(s) based on the resource type you're working with.
Use when writing or editing prose documents (READMEs, design docs, PR descriptions, blog posts, comments-as-prose, status updates, emails, wiki pages). Avoids the patterns that make text read as AI-generated. NOT for writing code — this is about documents.
Use when the user wants to brainstorm, iterate on a draft, plan an approach, or think something through together. Triggers on phrases like "let's think through", "help me plan", "brainstorm with me", "let's iterate", or when the user shares a draft/idea and asks for input. Drives the conversation through opinionated AskUserQuestion calls anchored in personas. Optional user-supplied steering input is treated as an extra prompt that shapes personas and focus.
Use when the user wants to build an implementation plan and a matching `/goal` prompt to drive Claude Code through it autonomously. Triggers on phrases like "plan and goal", "/plan-and-goal", "build a plan and a goal prompt", or when the user asks to scope a task into a plan file plus a goal directive. Produces a plan markdown file in /tmp and a self-contained goal prompt that points back at the plan.
| name | slidev |
| description | Create and edit presentation slides using Slidev framework when user requests slides, presentations, or deck modifications |
This skill helps create and edit presentation slides using Slidev, a markdown-based presentation framework for developers.
Use this skill when the user asks to:
Slides are located in packages/slides/ directory with:
*.slides.md or slides.mdcomponents/ directory for Vue componentspackage.json for dependenciesStart the development server:
pnpm run slides [filename]
The dev server runs on http://localhost:3030 by default.
Every Slidev file starts with YAML frontmatter:
---
theme: seriph # or 'default'
title: Your Presentation Title
info: |
## Presentation description
Additional info here
class: text-center
drawings:
persist: false
transition: slide-left # fade-out, slide-up, etc.
mdc: true
duration: 10min
---
Slides are separated by ---:
---
# Slide 1
Content here
---
# Slide 2
More content
Individual slides can have frontmatter:
---
layout: center
class: text-center
---
# Centered Slide
default - Standard layoutcenter - Centered contenttwo-cols - Two column layoutimage-right - Image on right sidecover - Cover slide---
layout: two-cols
---
# Left Column
Content here
::right::
# Right Column
Content here
Use v-click for progressive reveals:
<v-click>
Content appears on click
</v-click>
<v-clicks>
- Item 1
- Item 2
- Item 3
</v-clicks>
Use Vue components in slides:
Custom one are stored packages/slides/components directory
<Counter :count="10" />
Syntax highlighting with line highlighting:
```ts {1|3|1-3}
const message = "Hello"
console.log(message)
```
Add notes in HTML comments at the end of slides:
---
# Slide Title
Content
<!--
These are presenter notes
Only visible in presenter mode
-->
# Development
pnpm run slides [filename]
# Build static version
pnpm --filter @chris-towles/slides run build
# Export to PDF
pnpm --filter @chris-towles/slides run export