🎓 Vibe Coder Bootcamp — Live Demo

OpenRyoko

あなたの Markdown が、AI になる。自宅サーバーに住む、常駐型 AI ゲートウェイ OSS。

MIT OSS Markdown + YAML Slack 統合 cron Hot Reload Claude + Codex マルチエンジン
LP × 3 完成
ダッシュボードモック完成
スライド 14 枚完成
動画 30 秒完成
音声 24 秒完成
IG 図解 × 10 完成
企画書 × 5 完成
🖥️ ランディングページ × 3パターン
LP Pattern 1
Pattern 1
Developer Premium
ダーク × ターミナル緑 × 赤一点差し。モノスペース主役のハッカー文化型 LP。
 LP Pattern 2
Pattern 2
Modern Tech
白 × ティール × コーラル。Vercel / Linear 系のモダンプレミアム型 LP。
 LP Pattern 3
Pattern 3
Open Source Bold
紫 × イエロー × ピンク。雑誌レイアウト・OSS コミュニティの祝祭感型 LP。
📱 モックアプリ
Mock App
iPhone Mock
OpenRyoko ダッシュボード
Dashboard / Sessions / Cron / Employees / Skills / Memory / Logs / Settings の 7 タブ切り替え式ダッシュボード。GitHub Dark テーマ。
📊 プレゼンスライド
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7
Slide 8
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13
Slide 14
📄 PDF ダウンロード
🎙️ 音声ラジオ
🎙️
OpenRyoko — サービスイントロ（女性ナレーション・24.6秒）
OSS の常駐型 AI ゲートウェイデーモン OpenRyoko の紹介。Fish Audio 日本語女性ボイス（24.6 秒）。
🎬 動画CM
プロモ動画 30秒
Remotion v4 + React で生成した 1920×1080 / 30fps / 30 秒のプロモ動画。問題提起 → ソリューション → 主要機能 → エンドカードの 4 シーン構成。
🎬 ダウンロード
📸 Instagram 図解 × 10枚
IG 表紙
IG 課題
IG ソリューション
IG アーキテクチャ
IG AI 従業員
IG cron 自動化
IG Slack 統合
IG 競合との違い
IG クイックスタート
IG CTA
📋 企画ドキュメント
📊
01. Executive Summary
何をする OSS か / ROI / 価値主張 / OSS 持続可能性
→
🔧
02. Product Spec
Gateway / Engines / Employees / Skills / Cron / Memory / API 一覧
→
💰
03. Business Model
VBC 連携 / 受託サポート / Enterprise / Marketplace 計画
→
👥
04. User Research
Indie Hacker / CTO / 研究者 / Vibe Coder の 4 ペルソナ深掘り
→
🔍
05. Market Research
AI エージェント市場規模 / SWOT / 主要競合 4 カテゴリ比較
→