Voice Ui OpenClaw Skill - ClawHub
Do you want your AI agent to automate Voice Ui workflows? This free skill from ClawHub helps with speech & transcription tasks without building custom tools from scratch.
What this skill does
Self-evolving voice assistant UI. Talk to your AI, ask it to improve itself, and watch the code update in real-time.
Install
npx clawhub@latest install voice-uiFull SKILL.md
Open original| name | description |
|---|---|
| voice-ui | 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 <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- メインUIserver.cjs- Node.jsサーバーstart.sh- 起動スクリプトCONTEXT.md- AIへのコンテキスト情報
環境変数
OPENAI_API_KEY- OpenAI API Key（Whisper/TTS用）
設定がない場合、OpenClawの設定から自動取得を試みる。