Repolode
stackblitz

stackblitz/bolt-slides

AIエージェントまたは手作業で作成できる、各スライドがレスポンシブなWebページとして動くReact製スライドツールキット。

代替できる製品:PowerPointGoogle SlidesKeynote

スター
1,129
フォーク
137
未解決の Issue
7
最終コミット
3 か月前

これは何?

Bolt Slidesを使うと、プレゼンテーションを動作するWebアプリにできます。各スライドは通常のReactコンポーネントなので、静的な箇条書きの代わりに、3Dシーン、ライブデータ、埋め込み製品、インタラクティブなプロトタイプなどを含められます。Claude Code、Codex、Cursor、BoltなどのAIコーディングエージェントによる操作を想定して設計されており、エージェントがテーマ設定やデッキの構成を進めるためのガイドとなるskillも同梱されています。

内部には、ドック、サムネイルサイドバー、グリッド表示、スライドを進める前にコンテンツを段階的に表示するクリック操作、注釈ツールを備えたページ切り替え式のデッキエンジンを搭載しています。発表者モードは別タブで開き、タイマー、次のスライドのプレビュー、編集可能なノートを表示します。ノートはBroadcastChannelを通じて聴衆向けの画面と同期されます。URLのハッシュには現在のスライドが記録され、特定のページへのリンクを作成できます。

リポジトリには、構造、データチャートやテーブル、ストーリーテリング用レイアウト、製品モックアップ、ビジュアルエフェクトを網羅するコンポーネントライブラリが含まれています。色、フォント、角丸は単一のCSSトークンファイルで設定するため、プライマリカラーを変更するだけでデッキ全体の色を変えられます。

主な機能

  • 01各スライドはReactコンポーネントで、ライブデータ、3Dシーン、インタラクティブなプロトタイプなどを含められます。
  • 02クリック操作でコンテンツを段階的に表示でき、矢印キーで前後に進められます。
  • 03別タブで開く発表者モードでは、タイマー、次のスライドのプレビュー、編集可能なノートが同期されます。
  • 04コンテンツに紐づく注釈により、画面サイズが変わっても描画を同じ要素に固定できます。
  • 05URLのハッシュに現在のスライドを記録し、特定のスライドへのリンクを作成できます。
  • 06チャート、テーブル、タイムライン、料金表、コードウィンドウなどを網羅するコンポーネントライブラリ。

ユースケース

  • デッキにライブデモを直接埋め込んで製品を紹介する。
  • インタラクティブなチャートやダッシュボードを使って、データ量の多い調査結果を発表する。
  • AIコーディングエージェントに単一のプロンプトを与えて、そのまま発表に使えるスライドデッキを生成する。
  • 共通のテーマファイルを使って、独自のブランドに合わせたプレゼンテーションテンプレートを作成する。

トピック

よくある質問

bolt-slides とは?
AIエージェントまたは手作業で作成できる、各スライドがレスポンシブなWebページとして動くReact製スライドツールキット。 Bolt Slidesを使うと、プレゼンテーションを動作するWebアプリにできます。各スライドは通常のReactコンポーネントなので、静的な箇条書きの代わりに、3Dシーン、ライブデータ、埋め込み製品、インタラクティブなプロトタイプなどを含められます。Claude Code、Codex、Cursor、BoltなどのAIコーディングエージェントによる操作を想定して設計されており、エージェントがテーマ設定やデッキの構成を進めるためのガイドとなるskillも同梱されています。
bolt-slides は無料で使えますか?ライセンスは?
bolt-slides は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
bolt-slides は今もメンテナンスされていますか?
半年以内に更新あり。bolt-slides の最終コミットは 2026年7月30日 です。
bolt-slides は何に使えますか?
デッキにライブデモを直接埋め込んで製品を紹介する。 インタラクティブなチャートやダッシュボードを使って、データ量の多い調査結果を発表する。 AIコーディングエージェントに単一のプロンプトを与えて、そのまま発表に使えるスライドデッキを生成する。 共通のテーマファイルを使って、独自のブランドに合わせたプレゼンテーションテンプレートを作成する。
bolt-slides はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/stackblitz/bolt-slides

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト