playbooks

home / skills / masayan1126 / masayan-uni-code-plugins / slidev-creator

slidev-creator skill

/plugins/slidev-creator/skills/slidev-creator

This skill creates high-quality Slidev presentations with distinctive visuals by applying DESIGN.md and TEMPLATES.md guidance to templates, icons, and

npx playbooks add skill masayan1126/masayan-uni-code-plugins --skill slidev-creator

Review the files below or copy the command above to add this skill to your agents.

Files (3)
SKILL.md
1.8 KB
---
name: slidev-creator
description: 独自性のある高品質なSlidevプレゼンテーションを作成。「スライド作成」「プレゼン作成」「Slidev」などのリクエストで使用。
---

# Slidev Creator

独自性のある、本番品質のSlidevプレゼンテーションを作成するスキル。

## 使用するタイミング

- 「このテーマでスライドを作成して」
- 「プレゼン資料を作って」
- 「Slidevでスライドを作成して」
- 「発表用スライドを作成して」

## ワークフロー

1. **コンテキスト理解**
   - プレゼンテーションの目的
   - 対象オーディエンス
   - 発表時間（目安スライド数）

2. **美的方向性の決定**
   - DESIGN.md を参照して大胆な美的方向性を選択
   - 汎用的なデザインは避け、記憶に残る方向性を選ぶ

3. **スライド作成**
   - TEMPLATES.md のテンプレートを活用
   - カスタムスタイリングを適用
   - アニメーション・トランジションを設定

4. **出力**
   - `slides.md` を指定の場所に出力

## 参照ファイル

- [DESIGN.md](DESIGN.md): 美的デザインガイドライン
- [TEMPLATES.md](TEMPLATES.md): スライドテンプレート

## 必須ルール

- **グラデーションは絶対に使用禁止** - linear-gradient, radial-gradient など全て不可
- 汎用的なAI生成デザインを避ける（Inter、紫グラデーションなど）
- 一貫した美的方向性を持つ
- タイポグラフィ・カラー・モーションに細心の注意を払う
- **アイコンを積極的に使用する**
  - テキストのみのスライドは避ける
  - 見出し、リスト、フロー図にアイコンを添える
  - 技術スタック紹介には `logos-*` アイコンを使用

Overview

This skill creates distinctive, production-quality Slidev presentations tailored to audience, purpose, and time constraints. It focuses on strong aesthetic direction, deliberate typography and motion, and active use of icons to avoid text-only slides. Outputs a ready-to-use slides.md file with custom styling and transitions.

How this skill works

I first gather context: presentation goal, target audience, and allotted time to estimate slide count. Then I pick a bold, consistent aesthetic direction guided by the design guidelines and select a matching template. Slides are generated with custom styling, iconography, and configured animations, while explicitly avoiding gradients and generic AI-first visuals. Final output is a slides.md file placed in the specified location.

When to use it

  • When you need a memorable Slidev presentation for a talk or demo
  • When you want production-ready slides aligned to a specific audience and time limit
  • When you need consistent design, typography, and motion across slides
  • When you want slides that prioritize icons and visual hierarchy over dense text

Best practices

  • Provide clear context: goal, audience, duration, and any brand constraints
  • Choose a bold aesthetic direction early and stick to it across typography, color, and motion
  • Never use gradients (linear or radial) and avoid default AI-generated palettes like generic purple gradients
  • Use icons liberally: headings, lists, flow diagrams, and tech-stack slides should include icons
  • Limit text per slide; favor visuals, diagrams, and concise bullet points
  • Review transitions and animations for clarity and accessibility; avoid excessive motion

Example use cases

  • Conference keynote: concise, high-impact slides with strong visuals and motion
  • Product demo: step-by-step walkthrough with tech-stack icons and annotated screenshots
  • Investor pitch: focused narrative, clear metrics slides, and cohesive visual theme
  • Internal training: structured flow diagrams and icon-led procedural slides

FAQ

Can I request custom branding and colors?

Yes. Provide brand colors, logos, and typography preferences; the skill will apply a consistent aesthetic while enforcing no-gradient rules.

How do you handle slide count versus time?

Tell me the presentation length and preferred pacing. I’ll estimate an appropriate slide count and adjust content density to match speaking cadence.