Voice UI

自己進化型AIアシスタントUI - 音声で会話しながら自分自身を改善できる

機能

• 🎤 音声認識 (Whisper)
• 🔊 音声合成 (TTS)
• 🤖 かわいいロボットUI（表情変化）
• 🔄 自己進化（UIの変更を音声で指示）
• 📝 自動Gitコミット

セットアップ

cd <workspace>/skills/voice-ui
npm install
./start.sh

ブラウザで http://localhost:8765 を開く

必要な設定

OpenClaw config (~/.openclaw/openclaw.json) に voice agent を追加:

{
  "agents": {
    "list": [{
      "id": "voice",
      "name": "Voice Assistant",
      "model": { "primary": "anthropic/claude-sonnet-4-5" }
    }]
  }
}

使い方

1. マイクボタンをタップ（またはスペースキー長押し）
2. 話しかける
3. AIが返答

自己進化コマンド

• 「背景を青にして」→ CSSを自動編集
• 「ボタンを大きくして」→ スタイルを変更
• 「新機能を追加して」→ JSを編集

変更は自動でGitコミットされる。

ファイル構成

• index.html - メインUI
• server.cjs - Node.jsサーバー
• start.sh - 起動スクリプト
• CONTEXT.md - AIへのコンテキスト情報

環境変数

• OPENAI_API_KEY - OpenAI API Key（Whisper/TTS用）

設定がない場合、OpenClawの設定から自動取得を試みる。