html-skills は何をしますか？
すべてがHTML — 1つの.htmlソースからPPTX、PDF、画像、アニメーションをレンダリングするエージェントスキル。
概要
このスキルは、単一のHTMLファイルを入力として、以下の出力形式を生成します：
- PPTX: プレゼンテーションスライド
- PDF: 印刷・配布用ドキュメント
- 画像 (PNG, JPEG, etc.): 静止画キャプチャ
- アニメーション (GIF, APNG): 動的なビジュアル表現
使い方
- ソースとなるHTMLファイルを作成します。
- エージェントにスキルを有効化し、ファイルパスを指定します。
- 出力形式を選択（例:
--format pptx）。 - 変換が実行され、指定したディレクトリに出力されます。
例
# HTMLからPPTXに変換
agent run --skill kang-airtc/html-skills --input slides.html --format pptx
# HTMLからPDFに変換
agent run --skill kang-airtc/html-skills --input doc.html --format pdf
# HTMLから画像に変換
agent run --skill kang-airtc/html-skills --input screenshot.html --format png
# HTMLからアニメーションに変換
agent run --skill kang-airtc/html-skills --input animation.html --format gif
対応フォーマット
| 出力形式 | 拡張子 | 備考 |
|---|---|---|
| PPTX | .pptx | スライドマスター対応 |
| A4/レターサイズ対応 | ||
| PNG | .png | 高解像度対応 |
| JPEG | .jpg | 品質調整可能 |
| GIF | .gif | ループ設定可能 |
| APNG | .png | 透過アニメーション対応 |
必要条件
- エージェント環境（Claude Code, Cursor, Codex 等）
- HTMLファイル（有効なマークアップ）
- 出力ディレクトリへの書き込み権限
注意事項
- HTMLは完全に自己完結している必要があります（外部リソースはインライン化推奨）。
- CSSアニメーションはGIF/APNG出力時に自動的にフレームに変換されます。
- スクリプトは実行されません（静的なHTMLのみ処理）。
開発者向け情報
このスキルは、内部でヘッドレスブラウザ（例: Puppeteer）を使用し、各フォーマットに適したレンダリングを行います。カスタム設定が必要な場合は、スキルの設定ファイルを編集してください。