Expert guide for automated and manual Web Accessibility (a11y) testing — axe-core, Pa11y, Playwright a11y, screen reader testing, and WCAG 2.2 Level AA/AAA compliance / Panduan ahli pengujian aksesibilitas web.
日本語の概要は準備中です。原文の説明を表示しています。
Expert guide for Ultra-Low Latency Conversational Voice AI (<300ms), WebRTC bidirectional streaming, OpenAI Realtime API, Gemini Multimodal Live Audio, LiveKit Agents, and Semantic VAD / Panduan ahli AI suara percakapan real-time berlatensi ultra-rendah.
インストールする前に、エージェントに与えられる指示の中身を確認できます。
<a name="english"></a>
Expert guide for building ultra-low-latency (<300ms), bi-directional conversational voice AI applications. Covers WebRTC, full-duplex WebSocket audio streaming (PCM 24kHz), OpenAI Realtime API, Gemini Multimodal Live API, LiveKit Agents SDK, and smart interruption (barge-in) handling.
gpt-5-realtime-preview / gpt-4o-realtime-preview) or Gemini Multimodal Live API.Traditional voice pipelines chain STT ➔ LLM ➔ TTS with cumulative latency exceeding 1,200ms–2,500ms. Modern 2026 voice agents use native speech-to-speech or streamable full-duplex WebRTC pipelines achieving natural, human-like reaction times (~250–350ms).
User Mic ──► [WebRTC / WebSocket] ──► [VAD: Silero / WebRTC VAD]
│
▼
User Speaks <── [Audio Output] ◄── [Native Audio Stream / Cartesia] ◄── [OpenAI Realtime / Gemini Live]
│
└── User Interrupts (Barge-in) ──► Instant Buffer Flush & Cancel Audio Frame Emission
# agent.py - Production Voice Agent Worker with LiveKit & OpenAI Realtime
import asyncio
import os
from livekit import rtc
from livekit.agents import (
AutoSubscribe,
JobContext,
JobProcess,
WorkerOptions,
cli,
llm,
)
from livekit.agents.pipeline import VoicePipelineAgent
from livekit.plugins import deepgram, openai, silero
async def entrypoint(ctx: JobContext):
# Connect to room with audio only to minimize bandwidth & latency
await ctx.connect(auto_subscribe=AutoSubscribe.AUDIO_ONLY)
# Wait for the user participant to join
participant = await ctx.wait_for_participant()
# Define agent instructions and tools
initial_ctx = llm.ChatContext().append(
role="system",
text=(
"You are a helpful, concise voice assistant. "
"Respond naturally in 1-2 short sentences. Never output markdown, bullet points, or emojis."
)
)
# Realtime Voice Pipeline: Deepgram (STT) + OpenAI (LLM) + Cartesia/OpenAI (TTS)
# Or use native OpenAI Realtime Model: gpt-4o-realtime-preview
agent = VoicePipelineAgent(
vad=silero.VAD.load(
min_speech_duration=0.1,
min_silence_duration=0.3, # Snappy turn-taking
prefix_padding_duration=0.2,
),
stt=deepgram.STT(model="nova-2", language="id"), # Multi-language support
llm=openai.LLM(model="gpt-4o-mini"),
tts=openai.TTS(voice="alloy"),
chat_ctx=initial_ctx,
allow_interruptions=True, # Barge-in capability
interrupt_speech_duration=0.3, # Immediate cutoff when user talks
)
agent.start(ctx.room, participant)
# Greet user immediately
await agent.say("Halo! Ada yang bisa saya bantu hari ini?", now=True)
if __name__ == "__main__":
cli.run_app(WorkerOptions(entrypoint_fnc=entrypoint))
// gemini-live-audio.ts - Bidirectional WebSocket PCM 24kHz
import WebSocket from 'ws';
interface GeminiAudioConfig {
apiKey: string;
model?: string;
systemInstruction?: string;
}
export class GeminiVoiceAgent {
private ws: WebSocket | null = null;
private isConnected = false;
constructor(private config: GeminiAudioConfig) {}
public async connect(): Promise<void> {
const url = `wss://generativelanguage.googleapis.com/ws/google.ai.generativelanguage.v1alpha.GenerativeService.BidiGenerateContent?key=${this.config.apiKey}`;
this.ws = new WebSocket(url);
this.ws.on('open', () => {
this.isConnected = true;
this.sendInitialHandshake();
});
this.ws.on('message', (data: WebSocket.Data) => {
this.handleIncomingAudio(data);
});
}
private sendInitialHandshake(): void {
const setupMessage = {
setup: {
model: `models/${this.config.model || 'gemini-2.0-flash-exp'}`,
generationConfig: {
responseModalities: ["AUDIO"],
speechConfig: {
voiceConfig: {
prebuiltVoiceConfig: { voiceName: "Puck" }
}
}
},
systemInstruction: {
parts: [{ text: this.config.systemInstruction || "You are a conversational voice agent. Keep answers brief." }]
}
}
};
this.ws?.send(JSON.stringify(setupMessage));
}
// Stream raw PCM 16-bit 24kHz mono audio from mic
public sendAudioChunk(pcm16Chunk: Buffer): void {
if (!this.isConnected || !this.ws) return;
const base64Audio = pcm16Chunk.toString('base64');
const msg = {
realtimeInput: {
mediaChunks: [
{
mimeType: "audio/pcm;rate=24000",
data: base64Audio
}
]
}
};
this.ws.send(JSON.stringify(msg));
}
private handleIncomingAudio(data: WebSocket.Data): void {
try {
const response = JSON.parse(data.toString());
const parts = response.serverContent?.modelTurn?.parts;
if (parts) {
for (const part of parts) {
if (part.inlineData?.data) {
const pcmBuffer = Buffer.from(part.inlineData.data, 'base64');
this.playAudioSpeaker(pcmBuffer);
}
}
}
} catch {
// Binary PCM frame handler
}
}
private playAudioSpeaker(pcmChunk: Buffer): void {
// Send to WebRTC audio track or audio output device
}
}
300ms and 450ms. Lower thresholds cause the bot to interrupt users when they pause to think; higher thresholds make the conversation feel robotic.ai-llm-integration-expert: For base LLM prompt routing and function calling during conversation.realtime-collaboration-expert: For syncing WebRTC tracks and room states with client applications.gemini-agent-booster: Connects Gemini 3.x / 2.0 Flash thinking models to live voice agents.mobile-expo-expert: Audio streaming implementation in React Native with expo-av and WebRTC shim.<a name="bahasa-indonesia"></a>
Panduan ahli untuk membangun aplikasi AI suara percakapan dua arah berlatensi ultra-rendah (<300ms). Mencakup integrasi WebRTC, streaming audio WebSocket full-duplex (PCM 24kHz), OpenAI Realtime API, Gemini Multimodal Live API, LiveKit Agents SDK, dan penanganan interupsi cerdas (barge-in).
gpt-5-realtime-preview / gpt-4o-realtime-preview) atau Gemini Multimodal Live API.ai-llm-integration-expert: Routing instruksi sistem dasar dan pemanggilan tool fungsi selama percakapan suara.realtime-collaboration-expert: Sinkronisasi track audio WebRTC dan status room pengguna.gemini-agent-booster: Integrasi model multimodal Gemini 2.0/3.x Flash untuk live audio.mobile-expo-expert: Implementasi audio streaming di React Native menggunakan expo-av dan WebRTC shim.まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Expert guide for automated and manual Web Accessibility (a11y) testing — axe-core, Pa11y, Playwright a11y, screen reader testing, and WCAG 2.2 Level AA/AAA compliance / Panduan ahli pengujian aksesibilitas web.
日本語の概要は準備中です。原文の説明を表示しています。
Expert guide for intelligent model cascading and routing — complexity-scored task routing from Flash/Haiku to Sonnet/Opus/Astra, dynamic escalation with quality gates, 40-60% token cost reduction while maintaining output quality / Panduan ahli untuk kaskade dan routing model cerdas — routing tugas berbasis skor kompleksitas dari Flash/Haiku ke Sonnet/Opus/Astra, eskalasi dinamis dengan gerbang kualitas, pengurangan biaya token 40-60% dengan kualitas output terjaga.
日本語の概要は準備中です。原文の説明を表示しています。
Expert guide for Affective Computing, emotional AI, and real-time sentiment analysis through native multimodal tokens (voice intonation and facial micro-expressions) / Panduan ahli komputasi afektif, AI emosional, dan analisis sentimen real-time melalui token multimodal native.
日本語の概要は準備中です。原文の説明を表示しています。
Expert guide for AI-assisted coding workflows — agentic code generation, multi-agent code swarms, self-healing CI/CD, automated PR review, spec-to-code pipelines, codebase knowledge graphs, and human-in-the-loop approval gates / Panduan ahli untuk workflow pengkodean berbasis AI — generasi kode agentic, code swarm multi-agen, CI/CD self-healing, review PR otomatis, pipeline spec-to-code, knowledge graph codebase, dan gate persetujuan human-in-the-loop.
日本語の概要は準備中です。原文の説明を表示しています。
Expert guide for long-term episodic memory integration (Mem0 v2, Letta/MemGPT, Zep v2), memory tier architecture, pgvector HNSW storage, and unified context management for autonomous AI agents / Panduan ahli untuk integrasi memori episodik jangka panjang (Mem0 v2, Letta/MemGPT, Zep v2), arsitektur tier memori, penyimpanan pgvector HNSW, dan manajemen konteks terpadu untuk agen AI otonom.
日本語の概要は準備中です。原文の説明を表示しています。
Expert guide for designing Machine-to-Machine (M2M) micro-economies, autonomous agent wallets, and swarm budget allocation / Panduan ahli merancang ekonomi mikro antar-agen (M2M), dompet agen otonom, dan alokasi anggaran swarm.
日本語の概要は準備中です。原文の説明を表示しています。