by @ntaksh42
Generate HTML-based presentations with reveal.js or similar frameworks. Use when creating web-based presentations.
HTMLベースのプレゼンテーションを生成するスキルです。reveal.jsを使用した美しく、インタラクティブなスライドショーを作成できます。
このスキルは、マークダウン形式のコンテンツから、プロフェッショナルなHTMLプレゼンテーションを自動生成します。
HTMLプレゼンテーションを作成してください。
タイトル: "C++のメモリ管理"
スライド内容:
1. イントロダクション
2. メモリリークの問題
3. スマートポインタ
4. まとめ
以下の設定でHTMLプレゼンテーションを作成:
- テーマ: black
- トランジション: slide
- コードハイライト: monokai
- タイトル: "技術プレゼンテーション"
presentation/
├── index.html # メインのプレゼンテーションファイル
├── README.md # 使い方ガイド
└── assets/ # カスタムアセット(オプション)
├── images/
└── code/
利用可能なテーマ:
black (デフォルト): ダークテーマwhite: ライトテーマleague: グレーベースbeige: ベージュsky: ブルー系night: ダーク + コントラストserif: セリフフォントsimple: シンプルsolarized: Solarizedカラーnone: トランジションなしfade: フェードslide: スライド(デフォルト)convex: 凸面concave: 凹面zoom: ズームサポートする言語:
入力:
C#とC++の相互運用についてのプレゼンテーションを作成。
スライド:
1. タイトル: "C# ⇔ C++ Interop"
2. なぜ相互運用が必要か
3. P/Invokeの基本
4. コード例
5. まとめ
生成される内容:
入力:
データ分析結果のプレゼンを作成。
テーマ: white
グラフや図を含むスライドを5枚
生成される内容:
生成されたプレゼンテーションを表示するには:
# ローカルサーバーを起動
cd presentation
python -m http.server 8000
# ブラウザで開く
# http://localhost:8000
または、単純に `i...