stackblitz/bolt-slides

Use any agent to create stunning, interactive presentations

解決する課題

静的で汎用的なプレゼンテーションスライドを、インタラクティブなウェブアプリケーションに置き換えます。箇条書きや静的なレイアウトに頼りがちな従来のプレゼンテーションデッキの代わりに、このツールを使用すると、すべてのスライドが3Dシーン、ライブデータ、動作するプロトタイプを表示できる、ライブでレスポンシブなReactコンポーネントであるプレゼンテーションを作成できます。

仕組み

このプロジェクトは、プレゼンテーションをページ形式のウェブアプリに変換するフレームワークと包括的なコンポーネントライブラリ(チャート、テーブル、製品フレームを含む)を提供します。これには、AIエージェント(Claude CodeやCursorなど)が単一のプロンプトからテーマ設定、構成、デッキ全体の作成を行えるように特別に設計された「スキル」ガイドが含まれています。手動で作成する場合は、<Deck>ラッパー内でReactコンポーネントとしてスライドを記述し、<Build>コンポーネントを使用してコンテンツの逐次表示を制御します。

対象者

リンクとして共有でき、ウェブアプリとしてホスト可能な、高精度でインタラクティブなプレゼンテーションを作成したい開発者やプレゼンター向けに設計されています。

ハイライト

  • エージェント駆動の作成: AIエージェントが1つのプロンプトから完成したテーマ付きのデッキを構築できるようにする、バンドルされたスキルが含まれています。
  • インタラクティブなコンポーネント: データ可視化、製品デモ、ストーリーテリングのための幅広いレスポンシブコンポーネントライブラリ。
  • プレゼンターツール: タイマーとメモを備えた同期プレゼンターモード、および異なる画面サイズでも保持されるコンテンツアンカー付きのアノテーション機能。
  • Webネイティブ: すべてのデッキは、URLハッシュによるディープリンクをサポートする本物のウェブアプリです。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト