Source Code

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" }
    }]
  }
}

使い方

マイクボタンをタップ（またはスペースキー長押し）
話しかける
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の設定から自動取得を試みる。