Concept
Virtual Booth は、イベントやカンファレンスのブースをWebページとして再現するオープンソースのプラットフォームです。
AIアシスタントが来場者の質問にリアルタイムで対応し、まるで実際のブースにいるような体験を提供します。
content/ 内の4ファイルを書き換えるだけで、デザインもAIの振る舞いもどんな商材にも対応できます。
Features
🤖
AIによる自動応答
OpenAI互換のAPIに対応。Ollama（ローカル）、LM Studio、OpenAI など幅広い選択肢から選べます。
🎨
スキンでテーマ変更
skin.css のCSS変数を書き換えるだけでブース全体のカラーテーマを変更できます。サンプルテーマも同梱。
🧑
カスタムキャラクター
attendant.svg を置くだけでAI担当者の見た目を差し替え。skin.css からアニメーションも適用できます。
📄
パンフレット自動反映
pamphlet.html を編集するとブース上のサムネイルにも即時反映。印刷・PDF出力にも対応。
Use Cases
- 展示会・カンファレンスのオンラインブース出展コストを削減したい
- 自社サービスのランディングページにAIチャット対応を組み込みたい
- 製品デモサイトを素早く立ち上げたい開発チーム
- 24時間365日、AIが来場者の問い合わせに対応できる体制を作りたい
Tech Stack
Next.js 16
TypeScript
Tailwind CSS v4
OpenAI SDK
SSE Streaming
App Router
How to Customize
📝
guide.md
AIの知識・口調・スライド内容を記述
🎨
skin.css
CSS変数でカラーテーマを変更
🧑
attendant.svg
AI担当者のキャラクターを差し替え
📄
pamphlet.html
パンフレットの内容を編集
STEP 1
リポジトリを
クローン
→
STEP 2
content/ を
書き換える
→
STEP 3
AIのAPIキーを
設定する
→
STEP 4
デプロイして
公開！