html-ppt-skill - HTMLファイルをサポートするオープンソースのAI PPT生成スキル。 - AiBoss

HTML-PPTスキルとは何ですか？

html-ppt-skillは、HTMLベースのAIプレゼンテーションスキルです。このツールは、ブラウザがネイティブにサポートするHTMLファイルの出力に対応しており、36種類のテーマ、31種類のレイアウト、47種類のアニメーション、15種類のテンプレートを内蔵しています。エージェントは、自然言語を組み合わせることで高度なプレゼンテーションを生成できます。ワンクリックでインストールでき、Claude Code、OpenClaw、Hermes Agent、Cursor/Codexなど、複数のプラットフォームと互換性があります。

html-ppt-skillの主な機能

36のテーマミニマルなアカデミックスタイル、サイバーパンク、小紅書のソフトスタイルなど、様々なシナリオに対応しており、Tキーを押すことでリアルタイムに切り替えることができます。
31種類のレイアウト表紙、目次、コード例、タイムライン、アーキテクチャ図、フローチャートなどに加え、実際の事例データも含まれています。
47個のアニメーション27種類のCSSアニメーションと20種類のCanvas FX（パーティクルバーストやニューラルネットワークパルスなどの映画のようなエフェクト）が含まれています。
15種類のテンプレートが揃っています。: 技術共有、プレゼンテーション資料、XHS投稿、プレゼンターモードの公開など、実際のプロジェクトから抽出されています。
スピーカーモードSキーを押すと、現在/次のページのプレビュー、トランスクリプト、タイマーを含む別ウィンドウが表示されます。iframeとBroadcastChannelにより、ピクセルレベルでの正確な同期が実現されます。
クロスプラットフォームスキルAgentSkillプロトコルに準拠しており、単一のコマンドでインストールでき、Claude Code、OpenClaw、Hermes、およびCursor/Codexから呼び出すことができます。

html-ppt-skillの使い方

スキルをインストール：埋め込む npx skills add https://github.com/lewislulu/html-ppt-skill エージェントにスキルを追加する。
自然言語トリガーエージェントに要件を入力してください。例えば、「アーキテクチャ図とコード例を含む、ダークテーマの10ページ構成のマイクロサービスアーキテクチャプレゼンテーションを作成してください」などです。
ブラウザで開くエージェントは完全なHTMLファイルを生成します。ダブルクリックして表示し、キーボードを使って操作してください。
リアルタイムのテーマ切り替えデモ中にTキーを押すと、36種類のテーマを素早く切り替えることができます。
スピーカーモードを有効にするSキーを押すと、プレビュー、文字起こし、タイマーを含む独立したスピーカーウィンドウが表示されます。
手動作成（オプション）：直接 git clone 倉庫、オペレーション ./scripts/new-deck.sh my-talk 基本構造を生成する。

html-ppt-skillの主な利点

PPTXの代替としてのHTMLLLMによって自然に生成されるプレーンテキスト形式、依存関係なし、ダブルクリックで開くことができ、PPTXのレイアウトのずれやフォントの損失といった問題を回避します。
プレハブ部品＋AIの組み合わせ人間が明確に定義された既成のテーマ、レイアウト、アニメーションを提供し、AIがそれらを組み立てることで、ゼロから作成する際に発生しうる美的混乱を回避できる。
ピクセルレベルのスピーカー同期プレビュー画面と観客用スクリーンは同じHTMLとCSSを共有しているため、投影時にフォント、間隔、色などが不整合になるという不自然さを完全に解消できます。
一度インストールすれば、どこでも使えるagentskills.ioのオープンスタンダードに準拠しており、単一のプラットフォームに縛られず、その機能アセットはエージェントフレームワーク間で移行可能です。
映画的な視覚効果手書き入力可能なCanvasモジュールは、粒子、星空、ニューラルネットワークなどの特殊効果を可能にし、従来のPowerPointアニメーションの表現力をはるかに凌駕します。

html-ppt-skill のプロジェクトアドレス

GitHubリポジトリ：https://github.com/lewislulu/html-ppt-skill

html-ppt-skill と類似製品の比較

比較対象寸法	html-ppt-skill	guizang-ppt-skill
著者	lewislulu	グイザン (op7418)
星の数	3600以上（20日間）	16,000+
出力形式	単一ファイルHTML	単一ファイルHTML
視覚系	36のテーマ（ミニマリスト／サイバー／小紅書など）	2つのスタイル：A. 電子雑誌×電子インク；B. スイス・インターナショナル
レイアウト数	31種類の一般的なレイアウト	スタイルA（10種類）＋スタイルB（22種類）、レイアウト固定
モーションエフェクト機能	47（CSS 27個 + Canvas FX 20個の映画効果）	WebGL背景＋低パフォーマンス静止モード（Bキーで切り替え）
スピーカーモード	独立したウィンドウ、iframe + BroadcastChannel のピクセルレベルの同期（トランスクリプトを含む）	内蔵スピーカーモードは明示的に定義されていません。
コンテンツ生成	エージェントは101種類のスキルを組み合わせるが、「新しいレイアウトを考案しない」という制約がある。	7. まずチェックリストを揃える → アウトラインを確認する → 骨組みを選択して内容を入力する。
画像サポート	基本的な画像挿入	ドキュメンタリー写真、インフォグラフィック、フローチャート、システム関係図の生成をサポートします。
カバーエコロジー	15種類の完全なデッキテンプレート（XHS-Post縦型バージョンを含む）	WeChat公式アカウント：ヘッダー画像は21:9、共有カードは1:1。小紅書：3:4。WeChat動画アカウント：横長フォーマット。
制約検証	SKILL.mdのルール制約に依存します	checklist.md の自己チェックおよび検証スクリプトは、中央揃えのタイトル、画像のずれなどを検知します。

HTML-PPTスキルの応用シナリオ

技術情報共有と開発者向けデモンストレーション技術共有テンプレートと、tokyo-nightやterminal-greenなどのダークテーマを使用すると、アーキテクチャ図やコード例を含むスライドをすばやく作成できます。
資金調達ロードショーと製品プレゼンテーションpitch-deck-vcテンプレートを使用すると、YCスタイルのビジネスプランをワンクリックで作成でき、データチャートやチーム紹介レイアウトも追加できます。
小紅書とソーシャルメディアの画像とテキストxhs-postテンプレートを使用して3:4の縦型コンテンツを生成し、soft-pastelおよびxiaohongshu-whiteテーマを使用してソーシャルメディアプラットフォームの比率に直接調整します。
学術報告書および論文発表ミニマルな白を基調とし、編集用セリフ体を採用し、学術論文を連想させるテーマを取り入れているため、学術誌の審査や学会発表などに最適で、スタイルは厳格かつ抑制されている。
ビジネスおよびニュース放送「企業向けクリーン」と「ニュース放送」というテーマは、事業分析、売上レビュー、月次プロジェクトレポートなどの正式な報告シナリオに対応しています。

すべてのカテゴリ