SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/claude-office-skills/skills --skill dev-slidesコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
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.
| 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