スキル自身の言葉で
Frontend Slidesは、依存関係を持たずアニメーションが豊富なHTMLプレゼンテーションをブラウザ内で完全に動作するように構築します。ゼロから作成することも、.pptxファイルから変換することもできます。デザイナーではないユーザーが、抽象的な説明から選ぶのではなく、実際に見て自分の好みの美観を発見できるように設計されています。3種類の単一スライドのスタイルプレビュー（安全な既定案、少なくとも1つの大胆なテンプレート、そして意外性のある1案）を生成し、ユーザーがそれらを視覚的に見て反応できるようにします。
デッキが含む文章量は、低密度でスピーカー主導型か、高密度で読み物主導型かという密度の選択によって決まります。すべてのデッキは、ビューポートに一様に拡大縮小される固定の1920x1080ステージ内で作成され、配信の最後にはVercelのライブURLまたはPDF出力を選ぶことができます。
生成されるもの
- すべてのスタイルとスクリプトをインラインで含む、自己完結型のHTMLプレゼンテーション1つ。
- 3つの一時的なスタイルプレビューファイル（style-a.html、style-b.html、style-c.html）で、配信時に削除されます。
- 任意で、Vercel上のライブURLを用意し、テキスト、Slack、メールでデッキを共有でき、どのデバイスからも閲覧できます。
- 任意で、各スライドのスクリーンショットを撮影して結合したPDFを、メール、Slack、印刷用に用意できます。
仕組み
- 01モードを検出する
スキルはまず、作業がゼロから作る新規デッキなのか、.pptxからの変換なのか、既存のHTMLプレゼンテーションの改良なのかを判断し、対応するフェーズの経路を適用します。
- 02発見のための質問を一度にまとめて行う
目的、長さ、コンテンツの準備状況、密度についての質問は一括で行われます。環境がネイティブの構造化質問UIを持つ場合はそれを使用し、ユーザーが一度にすべてを入力できるようにします。
- 033種類のスタイルプレビューを生成する
ユーザーにスタイルの名称を指定してもらう代わりに、スキルは3種類の単一スライドのタイトルプレビューをレンダリングし、自動的に開いて、どちらが好みか（あるいは要素を組み合わせたいか）を尋ねます。
- 04単一ファイルのデッキを生成する
プレゼンテーション全体は1つのHTMLファイルとして作成され、必須のviewport-base.css全体とセクションごとのコメントがインラインで含まれ、密度の選択と選ばれたスタイルレシピが使用されます。
- 05PowerPointファイルを変換する
.pptxソースの場合、同梱のPythonスクリプトがコンテンツを抽出し、ユーザーがタイトル、要約、画像数を確認してから、スタイルの検出とHTML生成が行われます。
- 06納品後に共有オプションを提示する
プレビューファイルは削除され、デッキがブラウザで開かれ、デプロイまたは PDF 書き出しを提示する前に、ナビゲーション、CSS 変数、フォント、.reveal クラス、インライン編集についてユーザーに説明されます。