| name | slide-studio |
| description | Create and modify PowerPoint presentations (PPTX) through direct XML manipulation.
Use this skill when: (1) Creating presentations from scratch, (2) Adding/editing/deleting slides,
(3) Inserting images or custom shapes, (4) Applying POTX templates for consistent branding,
(5) Editing existing PPTX files, (6) Working with slide layouts and placeholders,
(7) User asks to make a "presentation", "slides", "deck", or mentions ".pptx".
Supports all 11 standard Office slide layouts.
|
Slide Studio
PowerPointプレゼンテーションをXML直接編集で作成。
Step 1: 目的を確認
必ず最初にユーザーに確認する:
何をしたいですか？
- 新規作成: 新しいプレゼンテーションを作成
- テーマ適用: 既存のPPTXに新しいテーマ（POTX）を適用してデザインを変更
- 編集: 既存のPPTXの内容を編集（テーマ変更なし）
テンプレートについて
プレゼンテーションのテンプレート（POTX）はお持ちですか？
持っている場合: テンプレートのテーマ、色、レイアウトを適用します
持っていない場合: クリエイティブなテンプレートを探すお手伝いをしましょうか？
クリエイティブなテンプレートが欲しい場合
以下のサイトで無料のPOTX/PPTXテンプレートを入手可能:
ユーザーへの提案例:
- 「どんな雰囲気のプレゼンを作りたいですか？（ビジネス/クリエイティブ/ミニマル/カラフル）」
- 「Slidesgoで『[キーワード] presentation template』で検索すると良いテンプレートが見つかります」
- 「テンプレートをダウンロードしたら、POTXまたはPPTXファイルを共有してください」
Step 2: ワークフロー選択
テンプレート適用ワークフロー
node scripts/unpack.js assets/base.pptx ./work
node scripts/apply-potx.js ./work user-template.potx
node scripts/list-layouts.js ./work
node scripts/add-slide.js ./work --layout 2
node scripts/edit-text.js ./work --slide 2 --placeholder title --text "タイトル"
node scripts/pack.js ./work output.pptx
ベースから作成ワークフロー
node scripts/unpack.js assets/base.pptx ./work
node scripts/add-slide.js ./work --layout 1
node scripts/add-slide.js ./work --layout 2
node scripts/edit-text.js ./work --slide 1 --placeholder ctrTitle --text "タイトル"
node scripts/pack.js ./work output.pptx
既存ファイルへのテーマ適用ワークフロー
既存のPPTXファイルに新しいテーマ（POTX）を適用して、デザインを一新する。
スライドの内容は保持しつつ、色、フォント、背景、レイアウトスタイルが変更される。
node scripts/unpack.js existing-presentation.pptx ./work
node scripts/list-slides.js ./work
node scripts/list-layouts.js ./work
node scripts/apply-potx.js ./work new-theme.potx
node scripts/list-layouts.js ./work
node scripts/edit-text.js ./work --slide 1 --placeholder title --text "調整後タイトル"
node scripts/pack.js ./work themed-output.pptx
注意点
- レイアウトマッピング: テンプレートに同じ番号のレイアウトがあれば自動的にマッピングされる。存在しない場合はレイアウト1（タイトルスライド）にフォールバック
- 内容の保持: テキストや画像などのコンテンツは保持されるが、位置やスタイルはテーマに依存
- 確認推奨: 適用後は必ずPowerPoint/Google Slidesで開いて表示を確認する
PPTXをテンプレートとして使用
POTXファイルがなくても、PPTXファイルからテーマを抽出できる:
node scripts/apply-potx.js ./work design-source.pptx
編集ワークフロー
node scripts/unpack.js existing.pptx ./work
node scripts/list-slides.js ./work
node scripts/edit-text.js ./work --slide 1 --placeholder title --text "新タイトル"
node scripts/pack.js ./work updated.pptx
スクリプト一覧
| スクリプト | 用途 | 使用例 |
|---|
unpack.js | PPTX展開 | node scripts/unpack.js input.pptx ./work |
pack.js | PPTX作成 | node scripts/pack.js ./work output.pptx |
apply-potx.js | テンプレート適用 | node scripts/apply-potx.js ./work template.potx |
add-slide.js | スライド追加 | node scripts/add-slide.js ./work --layout 2 |
delete-slide.js | スライド削除 | node scripts/delete-slide.js ./work --slide 3 |
clone-slide.js | スライド複製 | node scripts/clone-slide.js ./work --source 1 |
edit-text.js | テキスト編集 | node scripts/edit-text.js ./work --slide 1 --placeholder title --text "..." |
add-image.js | 画像追加 | node scripts/add-image.js ./work --slide 1 --image logo.png |
list-layouts.js | レイアウト一覧 | node scripts/list-layouts.js ./work |
list-slides.js | スライド一覧 | node scripts/list-slides.js ./work |
visualize-slide.js | ASCII構造表示 | node scripts/visualize-slide.js ./work --slide 1 |
add-shape.js | シェイプ自由配置 | node scripts/add-shape.js ./work --slide 1 --type textbox ... |
レイアウト
| # | 名前 | プレースホルダー |
|---|
| 1 | Title Slide | ctrTitle, subTitle |
| 2 | Title and Content | title, body |
| 3 | Section Header | title, body |
| 4 | Two Content | title, body×2 |
| 5 | Comparison | title, body×4 |
| 6 | Title Only | title |
| 7 | Blank | (なし) |
| 8 | Content with Caption | title, body×2 |
| 9 | Picture with Caption | title, body, pic |
| 10 | Title and Vertical Text | title, body |
| 11 | Vertical Title and Text | title, body |
カスタムレイアウト（自由配置）
標準レイアウトでは表現できない場合、add-shape.jsでシェイプを自由配置。
構造確認（ASCII可視化）
node scripts/visualize-slide.js ./work --slide 1
出力例:
+----------------------------------------------------------------------+
| |
| +--------------------------+ |
| | [1] | |
| +--------------------------+ |
| |
+----------------------------------------------------------------------+
Shapes:
[1] TextBox 4
Position: (2.00", 3.00") Size: 5.00" × 1.00"
Text: "Custom Text..."
シェイプ追加
node scripts/add-shape.js ./work --slide 1 --type textbox \
--text "見出し" --x 2 --y 1 --width 5 --height 1 \
--color accent1 --font-size 24 --bold
node scripts/add-shape.js ./work --slide 1 --type rect \
--x 1 --y 5 --width 10 --height 0.5 --fill accent2
テーマ色
テンプレート適用後、以下のテーマ色が使用可能:
| 色名 | 用途 |
|---|
dk1, dk2 | ダーク（テキスト向け） |
lt1, lt2 | ライト（背景向け） |
accent1〜accent6 | アクセントカラー |
hlink, folHlink | ハイパーリンク |
RGB直接指定も可能: --color FF0000
add-shape.js オプション
| オプション | 説明 |
|---|
--type | textbox または rect |
--x, --y | 位置（インチ） |
--width, --height | サイズ（インチ） |
--text | テキスト内容 |
--color | テキスト色（テーマ色 or RGB） |
--fill | 塗りつぶし色 |
--font-size | フォントサイズ（pt） |
--bold, --italic | 太字/斜体 |
--align | left, center, right |
手動編集が必要な場合
複雑なシェイプや高度な書式は ./work/ppt/slides/slideN.xml を直接編集。
詳細は references/slide-patterns.md を参照。
確認方法
テキスト抽出
python -m markitdown output.pptx
構造確認
node scripts/list-slides.js ./work
ユーザー確認
生成後、ユーザーにPowerPoint/Google Slidesで開いて確認してもらう。
