zarazhangrui/frontend-slides

解決する課題

Frontend Slidesを使用すると、デザイナーでない人でも、CSSやJavaScriptを書く必要なく、プロフェッショナルで視覚的に魅力的なHTMLプレゼンテーションを作成できます。ユーザーが選択できる視覚的なプレビューを提供することで、デザインの好みを言葉にする苦労を排除し、汎用的な「AIスロップ（AI生成物の質の低さ）」的な美学を回避します。

仕組み

これはコーディングエージェント（Claude Code、Codex、Gemini CLIなど）のスキルとして実装されています。エージェントはプロジェクトのテンプレートとスタイルプリセットを使用して、単一ファイルのHTMLプレゼンテーションを生成します。プロセスは以下の通りです：

1. ユーザーからコンテンツを収集するか、PowerPoint (.pptx) ファイルから抽出する。
2. ユーザーの指示に基づいて3つの視覚的なスタイルプレビューを生成する。
3. 選択されたスタイルで最終的なプレゼンテーションを作成し、インラインCSSとJSを備えたスタンドアロンのHTMLファイルとして提供する。

対象者

ビルドツールやフレームワークのオーバーヘッドなしに、高品質なウェブベースのスライドショーを迅速に必要とする、非デザイナー、起業家、および開発者。

ハイライト

• 依存関係ゼロ: npmやビルドツールを必要としない単一のHTMLファイルを生成します。
• PPT変換: 画像とコンテンツを保持しながら、既存のPowerPointファイルをウェブプレゼンテーションに変換します。
• 視覚的なスタイル探索: テキストによる説明の代わりに、視覚的なプレビューを用いた「見せて伝える」アプローチを採用しています。
• 広範なテンプレートライブラリ: 34のデザインシステムを含む「Bold Template Pack」など、厳選された多様なスタイルが含まれています。
• プロダクション品質: アクセシビリティに配慮した16:9のアスペクト比のスライドと、適切にコメントされたコードを保証します。