Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/claude-office-skills/skills --skill dev-slidesThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
| name | dev-slides |
| description | > |
| version | 1.0 |
| author | claude-office-skills |
| license | MIT |
| category | presentation |
| tags | ["developer","slides","slidev","vue"] |
| department | Dev |
| models | {"recommended":["claude-sonnet-4","claude-opus-4"],"compatible":["claude-3-5-sonnet","gpt-4","gpt-4o"]} |
| mcp | {"server":"office-mcp","tools":["create_pptx","md_to_pptx"]} |
| capabilities | ["developer_presentations","code_slides"] |
| languages | ["en","zh"] |
This skill enables creation of developer-focused presentations using Slidev - a Vue-powered presentation framework. Write slides in Markdown with live code demos, diagrams, and components.
Example prompts:
---
theme: default
title: My Presentation
---
# Welcome
This is the first slide
---
# Second Slide
Content here
--- # New horizontal slide
--- # Another slide
layout: center
---
# Centered Content
---
layout: cover
---
# Title Slide
---
layout: intro
---
# Introduction
---
layout: center
---
# Centered
---
layout: two-cols
---
# Left
::right::
# Right
---
layout: image-right
image: ./image.png
---
# Content with Image
# Code Example
\`\`\`ts {all|1|2-3|4}
const name = 'Slidev'
const greeting = \`Hello, \${name}!\`
console.log(greeting)
// Outputs: Hello, Slidev!
\`\`\`
<!-- Lines highlighted step by step -->
\`\`\`ts {monaco}
// Editable code block
function add(a: number, b: number) {
return a + b
}
\`\`\`
\\`ts {monaco-run}
// Runnable code
console.log('Hello from Slidev!')
\\`
\`\`\`mermaid
graph LR
A[Start] --> B{Decision}
B -->|Yes| C[Action 1]
B -->|No| D[Action 2]
\`\`\`
\`\`\`mermaid
sequenceDiagram
Client->>Server: Request
Server-->>Client: Response
\`\`\`
<Counter :count="10" />
<Tweet id="1390115482657726468" />
<!-- Custom component -->
<MyComponent v-click />
<v-click>
This appears on click
</v-click>
<v-clicks>
- Item 1
- Item 2
- Item 3
</v-clicks>
<!-- Or with v-click directive -->
<div v-click>Animated content</div>
---
theme: seriph
background: https://source.unsplash.com/collection/94734566/1920x1080
class: text-center
highlighter: shiki
lineNumbers: true
drawings:
persist: false
css: unocss
---
---
theme: seriph
background: https://source.unsplash.com/collection/94734566/1920x1080
class: text-center
---
# REST API Workshop
Building Modern APIs with Node.js
<div class="pt-12">
<span @click="$slidev.nav.next" class="px-2 py-1 rounded cursor-pointer">
Press Space for next page <carbon:arrow-right />
</span>
</div>
---
layout: two-cols
---
# What We'll Cover
<v-clicks>
- RESTful principles
- Express.js basics
- Authentication
- Error handling
- Testing
</v-clicks>
::right::
\`\`\`ts
// Preview
const app = express()
app.get('/api/users', getUsers)
app.listen(3000)
\`\`\`
---
# Live Demo
\`\`\`ts {monaco-run}
const users = [
{ id: 1, name: 'Alice' },
{ id: 2, name: 'Bob' }
]
console.log(JSON.stringify(users, null, 2))
\`\`\`
---
layout: center
---
# Questions?
[GitHub](https://github.com) · [Documentation](https://docs.example.com)
npm init slidev@latest
Analyze contracts for risks, check completeness, and provide actionable recommendations. Supports employment contracts, NDAs, service agreements, and more.
MCP server with 39 tools for Word, Excel, PowerPoint, PDF, OCR operations
Search and analyze academic literature. Find papers, understand research methodologies, and synthesize academic findings for research projects.
Based on SOC occupation classification