Voice UI

---

name: voice-ui description: Self-evolving voice assistant UI. Talk to your AI, ask it to improve itself, and watch the code update in real-time.

---

Voice UI

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

機能

🎤 音声認識 (Whisper)

🔊 音声合成 (TTS)

🤖 かわいいロボットUI（表情変化）

🔄 自己進化（UIの変更を音声で指示）

📝 自動Gitコミット

セットアップ

cd /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の設定から自動取得を試みる。