open-slide/open-slide

解決する課題

プレゼンテーションデッキの作成には、多くの場合、退屈な手作業によるレイアウト調整が伴います。open-slideは、AIコーディングエージェントが自然言語プロンプトを使用してスライドデッキを生成、編集、管理できるように特別に設計されたフレームワークを提供することで、この問題を解決します。これにより、スライド作成プロセスがコード駆動型のワークフローへと変わります。

仕組み

open-slideは、1920x1080の固定キャンバス上にスライドをレンダリングするReactベースのランタイムを提供します。CLIを使用してプロジェクトを初期化すると、ClaudeやCursorなどのAIモデルがスライドの構成、レイアウト管理、スタイルの適用方法を理解するための「エージェントスキル」（システムプロンプト）が組み込まれます。このフレームワークにはブラウザ内インスペクターが含まれており、スライド上に視覚的なコメントを残すことができます。これらのコメントはコードマーカーとして保存され、AIエージェントが読み取ってソースコードに自動的に適用できます。

対象ユーザー

従来のドラッグ＆ドロップ式のスライド作成ソフトではなく、コードを書いたりAIエージェントを使用してプレゼンテーションを作成したりすることを好む開発者やパワーユーザー向けです。デッキのバージョン管理を維持し、デザインプロセスを自動化したい方に最適です。

ハイライト

• エージェントネイティブなオーサリング: AIエージェントが単一のプロンプトからデッキ全体をドラフトするための専門的なプロンプトとスキルが含まれています。
• ブラウザ内インスペクター: スライド要素に直接コメントをピン留めでき、AIエージェントがそれを読み取って自動的に解決できます。
• プロフェッショナルなプレゼンモード: 発表者ノート、スライドプレビュー、タイマーを備えた組み込みのプレゼンタービュー機能。
• 多彩なエクスポート: ブラウザ内で直接、静的HTML、印刷用PDF、編集可能なPowerPoint (PPTX) ファイルへのエクスポートをサポート。
• アセット統合: svglカタログを介したブランドロゴの統合検索機能と、集中管理されたアセットマネージャーが含まれています。