mcpField
H
html-to-pptx

html-to-pptx

github.com/aviz85ドキュメント50147 回インストール16 週間前に更新
リポジトリ

html-to-pptx について

html-to-pptx は、PptxGenJS を使って HTML ファイルや URL を PowerPoint プレゼンテーションに変換するスキルです。編集可能なテキスト、画像としての描画、自動モード選択に対応し、ヘブライ語と RTL レイアウトも扱えます。

主な機能

  1. 01HTML ファイルと URL の変換
  2. 02テキスト・画像・自動モードの選択
  3. 03ヘブライ語と RTL レイアウトに対応
  4. 04CSS セレクターによるスライド分割
  5. 05レイアウト・フォント・スタイルの調整

活用シーン

  1. 01HTML 文書を編集可能なスライドに変換
  2. 02ウェブページをプレゼンテーション化
  3. 03複雑なレイアウトを画像として保持

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/aviz85/claude-skills-library --skill html-to-pptx

インストール後、Claude Code で/html-to-pptxを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

package.json
README.md
SETUP.md
scripts/
html-to-pptx.js

詳細

HTML to PowerPoint コンバーター

初めてお使いですか？ 上記の setup_complete: false の場合は、まず ./SETUP.md を実行してから、setup_complete: true に設定してください。

PptxGenJS を使用して、ヘブライ語／RTL に優れた対応で HTML を PowerPoint（.pptx）に変換します。

セットアップ（初回のみ）

cd ~/.claude/skills/html-to-pptx && npm install

クイック使用方法

基本的な変換：
node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js input.html output.pptx
RTL のヘブライ語ドキュメント：
node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js hebrew.html presentation.pptx --rtl
URL を PowerPoint に変換：
node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js https://example.com slides.pptx
複雑な HTML を画像として変換（ピクセル単位で正確）：
node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js complex.html slides.pptx --mode=image

変換モード

モード説明最適な用途
textHTML を解析し、ネイティブの PPTX 要素を作成しますシンプルな HTML、編集可能なテキスト
imageHTML のスクリーンショットを撮り、画像として埋め込みます複雑なレイアウト、正確なレンダリング
auto最適なモードを自動検出しますデフォルト

オプション

オプション説明デフォルト
--mode=<mode>text、image、autoauto
--rtlヘブライ語／アラビア語の RTL を強制します自動検出
--title=<title>プレゼンテーションのタイトル自動
--author=<author>作成者名AVIZ
--layout=<layout>LAYOUT_16x9、LAYOUT_4x3LAYOUT_16x9
--font=<font>デフォルトのフォントHeebo（ヘブライ語）／Arial
--font-size=<size>フォントサイズ（ポイント）18
--background=<color>背景色（16 進数）-
--slide-per=<selector>CSS セレクターでスライドを分割します-
--wait=<ms>レンダリングを待機します（image モード）2000

例

ヘブライ語のプレゼンテーション：
node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js hebrew.html slides.pptx --rtl --font=Heebo
セクションごとに分割：
node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js doc.html slides.pptx --slide-per=section
カスタムスタイル：
node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js doc.html slides.pptx --font=David --font-size=24 --background=F5F5F5
HTML をパイプで渡す：
echo "<h1>שלום עולם</h1>" | node ~/.claude/skills/html-to-pptx/scripts/html-to-pptx.js - output.pptx --rtl

ヘブライ語を使用する際のベストプラクティス

  1. HTML で <html lang="he" dir="rtl"> を使用します
  2. --rtl フラグを必ず追加します
  3. ヘブライ語に対応したフォント（Heebo、David、Noto Sans Hebrew）を使用します
  4. 複雑なレイアウトでは、ピクセル単位で正確な結果を得るために --mode=image を使用します

スライドの構造

コンバーターはスライドの境界を自動検出します：

  1. <section> 要素
  2. <article> 要素
  3. .slide クラス
  4. <hr> 要素

または、カスタムセレクターに --slide-per=".my-slide" を使用します。

コメント

Markdown 対応